Nutlope/hallmark — Claude Code、Cursor、Codex向けのAI的な安易なデザインを防ぐデザインスキル

何が起きたのか

Together AIが、Hallmarkというデザイン用のスキルを公開しました。Claude Code、Codex、Cursor、OpenCodeで使えます。目的は、AIが作った「よくある見た目」のページを避けることです。Hallmarkは48種類のテーマから3つを選び、訪問者が何をしたいかに合わせてページを組み立てます。完成したページは、実際のブラウザで自動チェックされます。

主な数字と事実

• テーマは48種類あります。
• 写真は755枚で、ライセンスが公開されているものを使います。
• ページの見た目はチェックを通す必要があり、最後に別のレビュー担当AIが確認します。
• 「/hallmark redesign」でページを作り直し、「/hallmark audit」で問題点だけを報告できます。

ちょっと補足

「AIっぽいデザイン」とは、どのページにも同じように出てくる見た目のことです。たとえば、見出しの上の小さなラベル、文字を広く空けた大文字の表示、見出しの一部だけ色を変えること、中身のない枠だけが並ぶページなどが挙げられています。Hallmarkは、こうした特徴を避けるようにできています。

なぜ大事なのか

AIでウェブページを作る人が増えると、似た見た目のページも増えます。Hallmarkは、そうした「どこかで見たような」デザインを減らすための道具です。ルールは3段階に分かれています。「Floor」は必ず守る基本で、文字の読みやすさ、キーボード操作、スマホでの表示崩れなどが含まれます。

今後注目したいこと

• 実際の制作現場で、どれくらいAIっぽさが減るか。
• テーマや写真の数がさらに増えるか。
• 新しく加わった「カスタム」機能で、プロンプトだけでどこまで良いページができるか。