Together AIが公開するオープンソース（MIT）のデザインルールセット。Claude CodeやCursor、CodexといったAIコーディングツールにnpxコマンド一つで導入でき、AIが生成するWebページから「いかにもAIが作った」見た目を排除する。タイポグラフィ、配色、余白、モーションまでを20種のテーマで方向づけ、紫グラデーションのヒーローセクションやアイコンタイル型のカードといった典型的な「AIスロップ」を57項目の検出ゲートで弾く。ビルド・スタディ・監査・リデザインの4操作を備え、既存ページの弱点診断や、参考デザインの構造だけを抽出した再現もできる。
主な特徴
- 57項目のスロップ検出ゲート: 紫グラデーションのヒーロー、見出しと本文が両方Interフォント、全面センタリングレイアウト、アイコンタイル型のフィーチャーカードなど、AI生成ページにありがちなパターンを出力前にチェックして弾く
- 20種のデザインテーマ: タイポグラフィの組み合わせ、OKLCHベースのカラーパレット、モジュラーな余白、モーションまでを含むテーマ群から選択できる。ブリーフに合わせたカスタムテーマの生成にも対応
- 4つの操作モード: ページを生成する「ビルド」（既定）、参考デザインを解析する「スタディ」、既存コードを診断する「監査」、構造から作り直す「リデザイン」を使い分けられる
- スタディ機能で構造だけを抽出: 参考デザインのURLやスクリーンショットからレイアウト構造（デザインのDNA）だけを取り出し、別のテイストで再現できる。見た目のコピーではなく構造の学習に使える
- 監査機能で既存ページを診断: 手元のページをアンチパターンと照合してスコアリングし、どこが「AIっぽい」のかを編集なしで指摘してくれる
- 導入はnpxコマンド一つ:
npx skills add nutlope/hallmarkを実行するだけで、Claude Code・Cursor・Codexそれぞれの規約ディレクトリに自動配置される
料金
| プラン | 料金 | 主な特徴 |
|---|---|---|
| オープンソース | 無料 | MITライセンス。全機能利用可、フォーク・改変・再配布も可 |
料金は2026年8月時点の情報です。最新の情報は公式サイトをご確認ください。
メリット・デメリット
✅ メリット
- AIコーディングツールの生成物が抱えがちな「どれも同じ見た目」問題に、ルールセットの導入だけで対処できる
- 無料・オープンソース（MIT）で、追加のAPIキーや外部サービス契約が不要
- Claude Code・Cursor・Codexと主要なAIコーディングツールを横断して使える
- 生成だけでなく監査・リデザインにも使えるため、既存ページの改善にも役立つ
- スタディ機能により、参考サイトの「構造」だけを合法的に学んで別テイストに展開できる
⚠️ デメリット
- 単体で動くアプリではなく、Claude Code等のAIコーディングツールが前提になる
- ルールセットである以上、最終的な仕上がりは組み合わせるAIモデルの能力に左右される
- テーマや検出ゲートは英語圏のWebデザインを想定しており、日本語タイポグラフィ特有の調整は自分で補う必要がある
- 2026年4月公開の新しいプロジェクトで、ベストプラクティスや事例の蓄積はこれから
類似サービスとの比較
| 比較項目 | Hallmark | frontend-design（Anthropic） | v0（Vercel） |
|---|---|---|---|
| 種別 | デザインルールセット（スキル） | 公式デザインスキル | AI UI生成サービス |
| 動作環境 | Claude Code / Cursor / Codex | Claude Code等 | Webアプリ（単体） |
| 特徴 | 57項目のスロップ検出・20テーマ・監査/リデザイン | 汎用的なフロントエンド設計指針 | プロンプトからReact/Next.js UIを生成 |
| 料金 | 無料（MIT） | 無料 | 無料枠あり / 有料プラン |
Hallmarkの立ち位置は「生成サービス」ではなく、手持ちのAIコーディングツールに差し込む「デザインの規律」である。UIをゼロから生成するサービスと競合するというより、それらの出力品質を底上げする補完関係にある。
こんな人におすすめ
- Claude CodeやCursorで作るLPやプロトタイプが「どれも同じAI顔」になって困っている人
- デザイナー不在の個人開発・小規模チームで、生成UIの品質基準を機械的に担保したい人
- 既存ページのどこが「AIっぽい」のかを客観的に診断したいWeb制作者
- 参考サイトの雰囲気ではなく構造だけを取り入れて、独自テイストのページを作りたい人
まとめ
Hallmarkは、AIコーディングツールの生成物から「AI生成っぽさ」を取り除くことに特化した、Together AI発のオープンソースデザインルールセットである。57項目のスロップ検出と20種のテーマという具体的な仕組みで、感覚論になりがちな「デザインの良し悪し」をゲートとして機械化した点が特徴だ。npxコマンド一つで導入でき、無料で試せるため、AI生成UIの見た目に不満を感じているなら、まず監査モードで手元のページを診断してみるところから始めるとよい。