SuperDesign — IDE内で使うAIデザインエージェント

• Cursor for design - IDE内で動作するオープンソースのデザインエージェント
• 自然言語プロンプトを通じてUIモックアップ(mockup)、コンポーネント、ワイヤーフレームを即座に生成可能
• Cursor, Windsurf, Claude Code, VS Codeなどと完全互換（拡張機能としてインストール）

主な機能

• Product Mock: 1行のプロンプトでUI画面全体を自動生成
• UI Components: 再利用可能なコンポーネントを生成し、コードの挿入も可能
• Wireframes: 素早い反復(iteration)のための低解像度ワイヤーフレームを提供
• Fork & Iterate: デザインを複製して発展させる機能
• Prompt-to-IDE: 生成プロンプトをIDE(Cursor, Windsurf, Claude Codeなど)へそのまま渡す
• 生成されたすべてのデザインはローカルディレクトリ .superdesign/ に保存される

Claude Code / Cursorサブスクリプション連携

• SuperDesignの初期化後、Cursor/Claude Codeルールが自動追加され、デザインプロンプトとプレビューをサポート
• Cursor使用時: design.mdc ファイルにプロンプトをコピーし、Cursorで同じシステムプロンプトを使ったCustom Modeを作成するとパフォーマンスが向上
• 参考動画: Instruction Video

[bluekai17]

Superdesign: Anthropic APIキーを設定
claude api は別途料金を支払う必要があるのでしょうか？

[liooil]

ええ、ひとまずはそうですね。あるいは openroute の deepseek でお試しはできますね。

[shakespeares]

ログインしてもアカウントではだめですか？