Hallmarkとは？
Hallmark は Hassan El Mghari 氏（nutlope）が作り、Together AI の名前で公開している Agent Skill で、コーディングエージェントによる Web ページのデザインの仕方を変えま す。どのビルドも破ってはならない番号付きの 16 のルールからなる Floor、モデルが陥りがちなデフォルトに対するより長い Reflex gates の表、そして 50 のテーマのカタログを定めています。各テーマは最大 8 KB のファイル 1 つで、紙、書体、配色、面を記述しますが、レイアウトには触れません。ビルドでは、まず実際の素材を一度だけ求め、テーマを 3 つ配り、ヒーローを最初に作り、同梱のリンター sloplint を実行してから、新しいコンテキストのサブエージェントがページをレビューします。
npx skills add nutlope/hallmark -g で Claude Code と Codex CLI のフォルダーにインストールされ、Cursor と OpenCode もそれを読み込みます。Claude Code のプラグインとしても配布されています。Node 18 以降が必要で、ブラウザーでのチェックには puppeteer-core と Chrome も必要です。/hallmark redesign と /hallmark audit という動詞は既存のページに対して働き、それ以外では既存のページには手を付けません。
リポジトリは MIT ライセンスで、GitHub のスターは約 43,800、フォークは 2,300 で、2026年4月に作成されました。GitHub のリリースはなく、スキルはバージョン 2.0.0 で、最後のコミットは 2026年10月29日です。有料のものはありません。サイトには API キーは不要とあり、オプションの TOGETHER_API_KEY は Together AI による画像生成を有効にするだけです。
Hallmarkは使う価値があるか？
Hallmark は私たちが読んだ中で最も指示の細かいデザインスキルで、それが強みです。Anthropic の frontend-design や Impeccable が主にエージェントに頼れるセンスを与えるのに対し、Hallmark は生成物にありがちな特徴を確認可能なル ールとして書き出し、そのうえで確認します。SKILL.md は例外なく次のものを禁じています。紫から青へのグラデーション、カードの中のカード、アイコン代わりの絵文字、ローマン体の見出しの中の 1 語だけの斜体、見出しの上の小見出しラベル、字間を広げた大文字で組んだラベルです。すべての色とフォントは :root のトークンを通す必要があり、transition: all は禁止され、見出し、1 文、メインのボタンは 1280×800 のウィンドウに収まらなければならず、どの画面も約 80 語を超えてはいけません。gates.md のより詳しい表はさらに踏み込みます。見出し書体としての Inter、Roboto、Poppins、indigo-500 のような Tailwind の標準色、セクション間の 120px 未満の余白、最後のセクションとしてのメール登録は、いずれもビルドが修正するか書面で正当化すべき Reflex の特徴とされます。
出力で変わるのは、配色だけでなくページの形そのものです。エージェントは最初に、写真、スクリーンショット、実際の数字について一度だけ質問し、指標、推薦文、ロゴの並びをでっち上げることはしません。写真がなければ、Wikimedia Commons にある 755 点のオープンライセンスの画像の一覧から、クレジット付きで画像を配置します。50 のテーマから 3 つを配りますが、以前のビルドの記録にあるものは避けるため、続けて作ったページが似通うことはありません。ヒーローだけを作ってレビューし、続いて 8 つの幅で sloplint を実行し、新しいコンテキストのサブエージェントにページを渡します。結果は自己完結した HTML と CSS で、最初の CSS コメントに下した判断が記録されます。作者のサイトでは、Opus 5.5 単独では 26 件の問題があり、Hallmark を使うと 0 件だったと示しています。ただし数えているのは Hallmark 自身のリンターが自身のルールを採点した結果で、品質よりも準拠度を測っています。
コストはコンテキストです。ページのビルドでは、SKILL.md はエージェントに layout、anatomy、imagery、craft、genre、theme、patterns の各ファイルと gates.md の 4 つのセクションを読み込むよう指示します。リポジトリでは、これらのファイルは 39 KB の gates.md を除いて約 95 KB になります。4 文字で 1 トークンという通常の目安で計算すると、マークアップを 1 行も書く前に、およそ 25,000〜35,000 トークンの指示を読み込むことになります。スキル自身が、余計に読み込むことを「避けられる最大のコスト」と呼んでおり、ロードマップはビルドの時間とトークンのコストの測定を未完の作業として挙げているため、公式の数字はありません。試作向けの高速モードがあり、puppeteer-core と Chrome がなければ静的なリントだけが実行されます。
トークンの費用より重要な限界が 2 つあります。スキルはプロンプトであって保証ではありません。エージェントは手順を飛ばすことがあり、メンテナーの評価では、claude -p の下ではスキルが自動では起動せず、名前を指定する必要がありました。また、そのセンスは一つのハウススタイルです。字間を広げた大文字のラベル、テラコッタをアクセントにしたクリーム色の紙、最後のニュースレターの帯の禁止は、擁護できるものの好みが強く出ています。独自のデザインシステムを持つチームは、それを design.md に書くべきです。Hallmark はそれを最初に読み、他のすべてより優先させます。タグ付きのリリースはな く、未解決の issue とプルリクエストは 68 件で、まだ若いプロジェクトでもあります。1 行のプロンプトから新しいランディングページを作るなら Impeccable より強力なツールですが、ボタン 1 つや設定画面には、その仕組みは大げさです。
真価を発揮する場面
Webhook API のランディングページを公開する個人の創業者
ほかの生成された SaaS サイトと同じに見えないページを作る
製品の URL を付けて /hallmark を実行します。動いているアプリのスクリーンショットを撮り、modern-minimal のジャンルからテーマを 3 つ配り、ページを返す前にリントします。無料ですが、大量の指示と 2 つのレビュー用サブエージェントの分だけエージェントのトークンがかかります。
顧客の古いマーケティングサイトを任された 10 人規模の制作会社のフロントエンド開発者
フォーム、リンク、トラッキングのフックを失わずにスタイルを変える
/hallmark redesign ./site は、sloplint --before ですべてのリンク、フィールド、ハンドラー、見出しを記録し、どれかが消えれば --kept で実行を失敗させます。スタイルだけを変えるなら keep the layout、ありがちな特徴だけを直すなら polish と伝えます。引き渡しは変更前 と変更後を並べたものです。
エンジニアがコーディングエージェントでページを生成しているチームのデザインリーダー
ページがレビューに届く前に、生成物らしい見た目を見つける
出力に対して --render 付きで node skills/hallmark/scripts/sloplint.mjs を実行するか、何も変更しないレポートを得るために /hallmark audit を使います。リンターは HTML、CSS、フレームワークのコンポーネント、Tailwind のクラスを読みます。一部のルールはハウススタイルの好みなので、いくつかは記録を残したうえで適用を外すことになるでしょう。
導入前に確認すること
- 導入
- npx skills add nutlope/hallmark -g を実行します（1 つのプロジェクトだけなら -g を外し、特定のハーネスを対象にするなら --agent を加えます）。Claude Code では /plugin marketplace add nutlope/hallmark の後に /plugin install hallmark@hallmark を実行します。Node 18+ が必要で、レンダリングのチェックには npm i -g puppeteer-core と Chrome が必要です。/hallmark <prompt>（Codex では $hallmark）で呼び出します。
- 連携
- Claude Code、Codex CLI、Cursor、OpenCode に対応し、GitHub Copilot もインストール先にできます。プロジェクトの design.md、Tailwind の設定、トークンを読みます。オプションの Inspo MCP サーバー、Claude Code 向けのオプトインの編集時 Floor フック、オプションの Together AI による画像生成（デフォルトは FLUX.1.1-pro）があります。
- データとプライバシー
- ローカルで動き、プロジェクトに書き込みます。ビルドログと事前チェックのキャッシュを含む .hallmark/ フォルダーも作ります。ライブラリの写真は Wikimedia Commons でホストされ、それぞれ CC0、パブリックドメイン、CC BY、CC BY-SA のライセンスを保ちます。プロンプトが Together AI に送られるのは TOGETHER_API_KEY を設定した場合だけです。README と SKILL.md にテレメトリーの記述はありません。MIT ライセンスです。
- 大規模利用時のコスト
- 有料の枠もホスト版もありません。実際のコストはエージェントのトークンで、ページのビルドでは約 95 KB の指示ファイルと 39 KB の gates ファイルの一部を読み込み、新しいコンテキストでのレビューを 2 回行います。生成した画像は自分の Together AI のアカウントに請求されます。
- 制限
- Web サイトと新しいページ向けに作られており、コンポーネントやアプリの画面では範囲が絞られます。名前を指定しない限り既存のデザインは対象にしません。タグ付きのリリースはなく、未解決の issue とプルリクエストは 68 件です 。スキルが自動で起動しないことがあり、メンテナーは測定したトークンのコストを公開していません。
良い点
- 生成されたページにありがちな特徴を具体的で確認可能な形で禁止
- 同梱の sloplint が実際のブラウザーで 8 つの幅でページを確認
- 指標、引用、ロゴをでっち上げず、すべての写真にクレジットを付ける
- redesign モードはリンク、フィールド、ハン ドラーが消えると失敗する
気になる点
- ビルドごとの指示の量が多く、トークンのコストは公開されていない
- 好みの強いハウススタイルで、反発するチームもある
- ブラウザーでのチェックには puppeteer-core と Chrome が必要
- タグ付きのリリースがなく、名前を指定しないと起動しないことがある
おすすめの人
Claude Code、Codex、Cursor、OpenCode でマーケティングページやランディングページを作り、ほかの生成サイトと同じ見た目から抜け出したい開発者。
Hallmarkの代替
Hallmark：よくある質問
- Hallmarkは使う価値があるか？
- Hallmark はデザインのセンスを、エージェントが違反しうるルールに変えます。そのためページは生成されたものではなく作られたものに見えますが、コンテキストの費用はまだ誰も測っていません。 評価は5点満点中4.1点です。
- Hallmarkの料金は？
- 無料のオープンソース（MIT）です。オプションの TOGETHER_API_KEY で画像生成が有効になり、Together AI から請求されます。
- Hallmarkの欠点は？
- ビルドごとの指示の量が多く、トークンのコストは公開されていない; 好みの強いハウススタイルで、反発するチームもある; ブラウザーでのチェックには puppeteer-core と Chrome が必要; タグ付きのリリースがなく、名前を指定しないと起動しないことがある.
- Hallmarkは誰に向いているか？
- Claude Code、Codex、Cursor、OpenCode でマーケティングページやランディングページを作り、ほかの生成サイトと同じ見た目から抜け出したい開発者。
- チームや本番環境でHallmarkを使うと費用はいくらか？
- 有料の枠もホスト版もありません。実際のコストはエージェントのトークンで、ページのビルドでは約 95 KB の指示ファイルと 39 KB の gates ファイルの一部を読み込み、新しいコンテキストでのレビューを 2 回行います。生成した画像は自分の Together AI のアカウントに請求されます。
- Hallmarkは企業データを扱っても安全か？
- ローカルで動き、プロジェクトに書き込みます。ビルドログと事前チェックのキャッシュを含む .hallmark/ フォルダーも作ります。ライブラリの写真は Wikimedia Commons でホストされ、それぞれ CC0、パブリックドメイン、CC BY、CC BY-SA のライセンスを保ちます。プロンプトが Together AI に送られるのは TOGETHER_API_KEY を設定した場合だけです。README と SKILL.md にテレメトリーの記述はありません。MIT ライセンスです。
- Hallmarkの代わりになるものは？
- 当サイトでレビューした中で最も近い代替はImpeccable, OpenDesign 、 Anthropic Skillsです。
回答確認日：2026年10月31日