superdesign
Superdesign の無限キャンバス上でフロントエンド UI やマーケティング用グラフィックをデザイン・リデザイン。コードベースからコンテキストを読み取り、デザインシステムを設定し、分岐可能なデザイン案を生成して洗練。
導入
公式マーケットプレイスが未追加なら先に実行
- カテゴリ
- デザイン
- 作者
- Superdesign dev, Inc.
- 公式サイト
- superdesign.dev
こんな用途に
- 既存のページや機能、フローの UI をデザインし直す
- 現在のコードベースからデザインシステムを設定・抽出する
- 承認したアウトラインからスライドを作る
- ポスター、カバー、SNS 投稿、広告などのグラフィックを作る
始め方
- /plugin install superdesign@claude-plugins-official を実行する
- スキルが使う CLI を npm install -g @superdesign/cli@latest で入れ、superdesign login を実行する
- /superdesign に依頼内容を添えて呼び出し（例：ダッシュボードのデザイン改善）、キャンバス上で案を分岐・調整する
導入前に
Superdesign CLI と superdesign.dev へのログインが必要です。Claude Code では npx skills add を併用しないでください。スキルが二重に入ります。
プロジェクトの説明をもとに AI がまとめました。利用前に公式ドキュメントをご確認ください。
似たツール
- adobe-for-creativity公式プラグイン · デザイン
Adobe の AI クリエイティブツールで画像編集やデザインワークフローの自動化。背景削除、ベクター化、プロ品質のレタッチなどに対応。
- canva公式プラグイン · デザイン
Canva MCP サーバーで Canva デザインの作成、編集、レビュー、リサイズ、ブランドチェック。
- hyperframes公式プラグイン · デザイン
HeyGen の HyperFrames。HTML を書いて動画をレンダリング。コンポジション、GSAP とランタイムアダプターによるアニメーション、字幕、ナレーション、音声連動ビジュアル、Web サイトの動画キャプチャ。
- miro公式プラグイン · デザイン
Miro ボードへの安全なアクセス。エンタープライズ級のセキュリティで、ボードのコンテキスト読み取り、図の作成、コード生成を AI に許可。
- runway-api公式プラグイン · デザイン
大規模な動画生成。Runway の API で動画、画像、音声を生成し、広告キャンペーンの一括制作、製品動画、マルチショットのストーリー、クリエイティブの反復に対応。seedance2、gen4.5、veo3、Nano、Banana Pro などをサポート。
出典 anthropics/claude-plugins-official · 更新日 2026年10月11日 · 著作権は各作者に帰属します