インストール
npx skills add nutlope/hallmark誰向けか
画面が「既定の生成物」に見えないようにしたい人に向きます。公式には、AI 生成に見えることを拒むデザイン技能一式だとあります。ブリーフのマクロ構造を選び、二十一テーマの一つをかけ、五十七の slop-test ゲートと送出前の自己確認を走らせ、モデルが訓練された既定の外見を拒みます。
すでに画面コード、参考画像、または参考住所があり、先に採点してから変えるかを決めたい人により向きます。画素単位の模写や有料テンプレートを使いたい人には向きません。hallmark study はこの二類を明確に拒みます。
始める前に npx skills add nutlope/hallmark を実行できる必要があります。与えられていない別のインストーラへ書き換えないでください。
3分で最初の試し
公式の npx 導入だけを使い、そのあと読み取り専用の採点を一度します。いきなりページを作り直さないでください。
前提:手元に npm/npx があり、対象となる既存の画面コードがあること。初回は本番サイトの構造を直接変えないでください。
インストール先:まず公式コマンドを実行します。
npx skills add nutlope/hallmark
導入後、原文どおり次の着地ファイルの一つが出たことを確認します。~/.claude/skills/hallmark/、.cursor/rules/hallmark.mdc(中身は SKILL.md 本文で frontmatter なし)、~/.codex/skills/hallmark/(個人)、または .codex/skills/hallmark/(プロジェクト級)。初回は一つの場所だけ確認し、二通目を手書きしないでください。
公式リポジトリ:
https://github.com/nutlope/hallmark
低リスクの起動:既存コードに対して hallmark audit <target> を実行し、<target> を自分の実パスに置き換えます。公式には、反パターンで採点し、未処理一覧だけを出し、ファイルは変えないとあります。先に hallmark redesign を走らせないでください。
成功の合図:採点/未処理一覧が得られ、元ファイルが変わっていないこと。一覧が構造変更を勧めるなら、どのファイルを動かすかを確認してから次へ進んでください。
使い方の例
例1:既存画面を採点する。hallmark audit <target> を実行します。すでにコードがあり、どこが既定の生成物に見えるかだけ見たい人に向きます。証拠はファイルを変えないと書いています。出力は確認リストとして扱い、修正を自動で適用しないでください。
例2:参考デザインから DNA を抜く。hallmark study <screenshot | URL> を実行します。スクリーンショットまたは参考住所があり、マクロ構造、書体の組み合わせ、色の錨を抜きたい人に向きます。公式には画素単位の模写と有料テンプレートを拒み、他の AI ツールへ持ち帰れる design.md を任意で生成できるとあります。design.md は書き込み動作です。生成前に書き出し先を確認し、書いたら開いて確かめてください。参考 URL を作らないでください。
使える範囲
hallmark redesign <target> は既存構造を捨て、コピー・情報アーキテクチャ・ブランドだけ残し、別の指紋で再建します。副作用が大きいので、最初の試しにしないでください。
公式が名指しする動詞は audit、redesign、study だけです。他のコマンドや技能パスを自分で足さないでください。
導入コマンドは npx skills add nutlope/hallmark だけです。着地ディレクトリは原文に従い、書いていない場所へ混ぜ写ししないでください。
適用環境を排他名簿にはしておらず、study と redesign を同時に必須ともしていません。