デザインハーネスは4段階で育てる：作れる→意図どおり→他職種→記録で改善

Findyの実践では、いきなり完成形を目指さず、Step0でドキュメントを整えたあと「ルールで作れる」「意図したデザインになる」「他職種が使う」「記録からIssueを回す」の順に広さと深さを広げる。

DESIGN.mdやスキルを置いたが、生成が本番部品と違う・既存画面を無視する・Emptyとデータありを同時に出す、などで止まっているとき。チームに広げる前に、自分の手元で品質の階段を決めたいとき。

Step0（前提）
人間が混乱しない程度にデザインシステムを整理し、トークン・コンポーネント・レイアウト・インタラクションの使い方をAIが読めるドキュメントにする。Figmaかコードを読ませて一緒に作れる状態にする。

Step1：ルールを元につくれる
ドキュメントを参照してUIを作らせ、うまくいった手順を Skill にする。次回はその Skill を呼ぶ。

Step2：意図したデザインを作れる
よくある壁と直し方：

人は「意図どおりか」を目視し、AIにはトークン・部品の使い方を採点させ、両方を材料に直す。

Step3：他職種にも使ってもらう
まず自分の成果を共有し、開発チームと相談して GitHub に載せ、既存の他スキルと共存させる。品質が口コミで広がる形を狙う。

Step4：記録から改善を回す
Skill 実行の記録から改善 Issue を作り、自分から直していく。すぐ直せないものはドキュメントに残す。

深さ（表層→骨格→情報→要件→戦略）と広さ（デザイナー→エンジニア→PdM）を同時に伸ばそうとせず、階段を意識する、というのが図のポイント。