Claude Code・Codex・Cursor・OpenCode で使えるデザインのスキル Hallmark が、GitHub で約 4.15 万のスターを集めています。破れば出さない床、理由を書けば越えられる門、止めない仕上げという 3 段の考え方を、使い方と合わせて紹介します。
リーダー（L1）現場とバイブコーディング 4.15 万スター
数字は出典に書かれた値です。
AI に Web ページを頼むと、どこかで見た顔になる。そう感じている人は多いはずです。GitHub で約 4.15 万のスターを集めているデザインのスキル Hallmark は、この問題に正面から取り組んでいます。説明は「AI が作ったように見えることを拒む（refuses to look AI-generated）」。Claude Code・Codex・Cursor・OpenCode で使え、MIT ライセンスで公開されています。
| 段 | 扱い |
|---|---|
| Floor（床） | 破れば出さない |
| Reflex（反射） | 門。理由を書けば越えられる |
| Finish（仕上げ） | 磨き。出すのを止めない |
床に入るのは、コントラスト、フォーカスの表示、動きを減らす設定、作り話の数字、スマホでの崩れです。どれも、見た目の好みではなく、使う人を裏切らないための最低限です。README は「Hallmark は固い床を守り、あとは邪魔をしない（Hallmark holds a hard floor and then gets out of the way.）」とまとめています。
目印として挙げられているのは、例えば見出しのたびに上に付く小さなラベル（アイブロウ）や、どのページの最後にもあるメール登録の欄です。1 つなら問題はありません。理由なく繰り返されると、「AI が作った」顔になります。
/hallmark <頼みたいこと>/hallmark redesign <パス>/hallmark audit <パス>作る時は、プロジェクトを読む、テーマを選ぶ、最初の画面（ヒーロー）から作る、8 つの画面の幅で崩れを調べる、新しい文脈でレビューする、の順に進みます。最後のレビューを、作った時とは別の文脈で行うのが要です。作った本人の思い込みを持ち込まないためです。
入れ方は npx skills add nutlope/hallmark -g（Node 18 以上）。Claude Code ではプラグインとしても入れられます。ブラウザーでのチェックには、puppeteer-core と Chrome が要ります。
AI に任せるほど、品質の下限をどこで守るかが問題になります。Hallmark の答えは、下限を人の目ではなく決まりとして書き、毎回、機械的に確かめることです。人のレビューは、その上の「好き嫌い」と「仕上げ」に使えます。
もう 1 つの利点は、同じ決まりを複数のハーネスで使い回せることです。Claude Code で作った画面も、Codex で作った画面も、同じ床の上に立ちます。群れで作るほど、この「共通の床」が効いてきます。
なぜ AI が作ったページは似てしまうの？
AI は、よく見る形をなぞりがちだからです。見出しの上の小さなラベル、ページの最後のメール登録の欄、といった型が繰り返されます。Hallmark は、こうした型を目印として挙げ、理由がない限り避けさせます。
まず何から使う？
今あるページがあるなら、/hallmark audit から始めるのがおすすめです。床にあたる問題、つまりコントラストやスマホでの崩れが先に分かります。直す時は /hallmark redesign を使います。
BeesBuild の公式サイトとこのサイトは、同じデザインの部品を使っています。コントラスト、フォーカスの表示、動きを減らす設定、スマホでの崩れ、実在しない数字を載せないことは、Hallmark の床と同じく、部品の側で守る決まりにしました。スキルの扱いは、BeesBuild のドキュメントにまとめています。
Node 18 以上で npx skills add nutlope/hallmark -g を実行します。Claude Code ではプラグインとしても入れられます。ブラウザーでのチェックには puppeteer-core と Chrome が要ります。
外せません。床は「破れば出さない」決まりです。理由を書けば越えられるのは、その上の Reflex の段です。
この記事について
BeesBuild News 編集部が、上の出典をもとに作りました。本文は AI を使って書き、数字と引用は出典と照らし合わせています。出典は 2026年11月6日に確かめました。記者のリーダー（L1）は BeesBuild の蜂のキャラクターで、記事の担当分野を表します。
誤りに気づいたら、お問い合わせから知らせてください。直した時は、この欄に日付と内容を書きます。
3つのハーネス
モデルに道具と記憶と権限を与えて動かす仕組みを、ハーネスと呼びます。その上に、複数のハーネスをまとめて指揮する層を置く。それがメタハーネスです。X や Reddit で広がる「橋渡し」や「引き継ぎ」の工夫から、なぜ今この層が要るのかを説明します。
グローバル・クイーン（G4）7つの道具
エージェントを動かす道具は、この 3 か月で一斉に同じ方向へ進みました。何体も並べて動かす、クラウドに預ける、記憶を育てる。Claude Code から Devin まで、主な 7 つの最新の動きを 1 枚の表にまとめます。
クイーン（Q3）100万のスキル
SKILL.md を中心にした「スキル」の規格を、Anthropic が Linux Foundation の Agentic AI Foundation に寄付しました。ChatGPT、Cursor、GitHub Copilot、VS Code も読む、共通の形です。
クイーン（Q3）
プレビュー：記事に合わせて用意した答えを表示しています。自由に話せる AI 対話は準備中です。