AIエージェントはこれまでずっとあなたのUIを手探りで当て推量していた。これを直すファイルはこちら。

AIのコーディングエージェントにUIの構築を頼むたびに、何もかもを最初からでっち上げます。

色。フォント。余白。ボタンのスタイル。全部です。しかも、根拠なんて何もないのにその場で思いつきで作る。

あなたなら、デザイナーに何も書かれていない依頼文を渡して「雰囲気だけ当てて作って」とは決して言わないでしょう。でも、私たちはまさにそのことを、AIエージェントで何年もやってきました。

Google Stitchは、DESIGN.mdという概念を導入しました。これは、プロジェクトのルートに置くプレーンなMarkdownファイルで、AIエージェントにUIの見た目をどうするべきかを正確に伝えます。カラーパレット、タイポグラフィ、コンポーネントの挙動、余白ルール、やるべきこと／やってはいけないこと。すべてです。

エージェントはそれを1回読みます。すると、もう当てずっぽうをやめます。

私はこの概念を取り入れて、人気サイトから抽出した27個のDESIGN.mdファイルのライブラリを作りました。GitHub、Discord、Shopify、Steam、Anthropic、Redditなど。これで開発者は、最初から自分で書く必要がなくなります。

ライブラリ全体はClaude Codeを使って作られました。AIが、AIを直すツールを作ったのです。

MITライセンス。無料。オープンソース。

驚きなのは、これが2年前には存在しているべきだったということです。