Superdesign Prompt Library

エージェントは複数のデザインエージェントを同時に立ち上げ、同じ画面の複数案を返せる。1案ずつ再生成するのではなく、すっきりしたミニマルなレイアウトと密度の高いレイアウトを比べて合う方を選ぶ。ここでは多様性に追加コストがかからないため、アイデアの探し方が変わる機能だ。これは大きい。

平坦なモックアップにとどまらず、エージェントはアニメーション付きの構造化コンポーネントを生み出し、プロジェクト全体で再利用できる。ボタンの画像と、出荷できるボタンの違いがこれだ。開発者は手で作り直すものではなく、コードの形をした出力を得る。小さくない話だ。

スタイルより先に構造が欲しいとき、エージェントは低忠実度のワイヤーフレームとユーザーフローを描く。これが高速反復モードだ。粗いブロック、明確な階層、磨き込みはなし。色に気を取られずチームにフローを説明するのに役立つ。まず構造。磨きは後で。

どのデザインにも、Cursor、Windsurf、Claude Codeにコピーできるプロンプトが付く。これでコーディングエージェントが最終版を実装し、モックアップと動くコードが数回の編集でずれていく代わりに同期を保つ。設計と実装がつながったままで、モックアップと動くコードの間のいつもの隔たりを縮める。

生成されたデザインはプロジェクト内の.superdesign/フォルダに置かれる。gitでバージョン管理が無料で手に入り、何もマシンの外に出る必要がない。データ規則のあるチームには、このローカル優先の習慣が効く。ファイルを手で書き出すのが嫌いな人には大きな安心だ。

どのデザインも分岐させ、元を触らずに育てられる。ダークテーマとライトテーマを比べ、両方残し、使える方だけ統合する。コードを分岐させるのと同じ思考モデルをレイアウトに当てたものだ。開発者にはなじみのある領域だ。

モデルは自分で用意する。エージェントはClaude、OpenAI互換サーバー、OpenRouter、LM Studioのようなローカル構成で動く。すでにAIサブスクを払っている、あるいはローカルモデルを動かしているなら、そこに向けてコストを抑えられる。ベンダーロックインはゼロだ。