Hallmark – Claude Code、Cursor、Codex向けの「AIっぽさ」を排除するデザインスキル
Hallmark は、Claude Code、Cursor、Codex 向けのデザインスキルで、AI が生成したようには見えない UI を作成します。20 のテーマ、57 のスロップテストゲート、出力前の自己批判により、ユニークなデザインを実現。4 つの動詞(デフォルト、監査、再設計、学習)とカスタムモードを提供します。
Hallmark は、Together AI が開発した、Claude Code、Cursor、Codex といった AI コーディングアシスタント向けのデザインスキル拡張です。その目的は、AI が生成したと一目でわかるような「AIっぽさ」を排除し、人間がデザインしたような自然な UI を生成することにあります。このツールは、与えられたブリーフに基づいてマクロ構造を選択し、20 のテーマから一つを適用し、57 のスロップテストゲートと出力前の自己批判を実行することで、LLM が訓練されたデフォルトの分布を拒否します。Hallmark で生成された異なるブリーフの 2 つのページは、同じテンプレートの色違いではなく、まったく異なるサイトのように感じられます。
Hallmark の中心となるのは 4 つの動詞です。デフォルトモードは新しい UI を構築し、マクロ構造を選択してルールセットを適用し、スロップテストを通過した後に結果を返します。hallmark audit は既存のコードをアンチパターンに基づいてスコアリングし、問題リストを生成しますが編集は行いません。hallmark redesign は構造を破棄し、コピー、情報アーキテクチャ、ブランドを維持したまま、異なるフィンガープリントで再構築します。hallmark study はユーザーが気に入ったデザインから DNA(マクロ構造、フォントペアリング、カラーアンカー)を抽出します。ピクセル単位のクローンや有料テンプレートは拒否し、オプションで他の AI ツールに引き渡すための移植可能な design.md を出力できます。
このツールには 20 のテーマが組み込まれており、モダンミニマルからアトモスフェリックまで多様なスタイルをカバーしています。例として、Bubble(サワードウアプリ)、Distil(抽出 API)、Cold Snap(レコードレーベル)、Cinder(AI ツール)、Tally(SaaS)、Wayfare(旅行)などがあります。各ページは自己完結型の HTML+CSS ファイルで、CSS コメントにマクロ構造が記録されています。usehallmark.com またはローカルの site/_tests/ ディレクトリですべてのテーマ例を閲覧できます。カタログに適したテーマがないクリエイティブなブリーフの場合、Hallmark はカスタムモードに切り替わり、ゼロからデザインを生成します。その場合も 57 のスロップテストゲートは適用され、テンプレートは使用されません。カスタムモードの例として、The Cascadia Nightjar(寝台列車のチケット)や The Mend Assembly(修理カフェのブロードシート)があります。このモードは静かなブランチとして存在し、通常のブリーフでは使用されません。プロトコルは custom-theme.md に記載されています。
インストールは簡単で、npx skills add nutlope/hallmark を実行するだけです。再実行することで更新できます。手動でインストールする場合は、SKILL.md と references/ を適切な場所にコピーします。Claude Code では ~/.claude/skills/hallmark/、Cursor では .cursor/rules/hallmark.mdc(SKILL.md の本体のみ、frontmatter なし)、Codex では ~/.codex/skills/hallmark/(個人用)または .codex/skills/hallmark/(プロジェクト用)に配置します。ルールセットは SKILL.md と references/ にあり、実例は docs/recipes.md と docs/study-examples.md にあります。ライセンスは MIT で、自由に使用、フォーク、配布できます。