入力
実測
実装
検証
公開
指示
参考URL・動画
Figma
書き出した素材
intent-reconciler
指示を目標値に訳し、矛盾を出す
reference-forensics
参考をpx・秒・色で測る
figma-spec
Figmaを実測値の対応表にする
asset-forensics
書き出した画像を数値で検査する
Claude Code
実測表と規律をもとに作る。
測る役・批評する役は分ける
visual-verifier
描画と動作をPASS／FAILで返す
regression-scanner
触っていない箇所の回帰を測る
design-critic
スクショだけで批評。コードは見ない
deploy-verifier
本番の応答で完了とする
人の確認
GATE
見て、指摘を返す
規律
CLAUDE.base.md
不明は不明と言う。推測は明記する
skills/
visual-harmony・ux-heuristic-reviewなど
memory/
受けた指摘を1件1ファイルで残す
PASS
FAILなら直して測り直す
指摘を規律に戻す