デザイン向け AI スキル厳選 21 選

Cursor と Figma の深い連携。デザインからコードへの自動変換、コンポーネント認識と生成、ピクセルパーフェクトな再現。

ChatGPT の会話から直接 Canva デザインを作成。欲しいデザインを伝えるだけで、プロ品質のポスター・スライド・SNS 画像を生成。

Anthropic 公式のフロントエンドデザインスキル。「AI っぽさ」を脱した、デザイン性が高くそのまま公開できるモダンな UI を生成。

Anthropic 公式のビジュアルデザインスキル。デザイン哲学に基づいてポスター、カバー、カードなどの静的作品を制作し、PNG / PDF で出力。

あらゆる成果物をワンステップで着せ替え：10 種のプリセットテーマ（配色 + フォント）、ブランドから新テーマの即時生成も可能。

会社のブランド規範（カラー、フォント、トーン）をスキル化。以降のドキュメント・スライド・Web ページが自動でブランド準拠に。

Hallmark は Together AI 製のデザイン skill で、LLM が生む「AI 臭い」Web を拒否します。各ブリーフごとにマクロ構造を選び、20 のテーマから 1 つを着せ、57 のスロップ検査と出力前の自己批評を通します。だから異なる 2 つのブリーフは、同じテンプレの色違いではなく別々のサイトに見えます。

Huashu Design は HTML ネイティブのデザイン skill です。agent に一言伝えると、3〜30 分で納品可能なプロダクトローンチ動画、クリック可能な App プロトタイプ、編集可能な PPT、印刷品質のインフォグラフィックが返ってきます。ブランド素材を渡せばテイストを読み取り、何も渡さなくても 40 種の HTML ネイティブ様式（Web20＋PPT20）と 3 系統のロジック顧問が「AI 臭」を防ぎます。Claude Code、Cursor、Codex など agent 横断で使えます。

AIが生成する平凡なUIを改善する、移植可能なAgent Skills（Claudeスキルマーケット風にインストール）。Claude Code・Codex・Cursorなどのエージェントにレイアウト・タイポグラフィ・モーション・余白の美意識を与え、参考画像やブランドキットを作る画像生成スキルも同梱。

claude.ai/design の裏側にある Claude Design 設計エンジンを、ポータブルな Agent Skill として同梱。Claude Code / Cursor / Codex に導入すれば、サイトへのアップロードやサブスク不要で、洗練された UI モック・インタラクティブ試作・ワイヤーフレーム・LP・ダッシュボード・スライドをエディタ内で生成でき、成果物はすべて自己完結型 HTML としてリポジトリに残ります。

オープンソースの設計メソッドエンジン。Claude Code / Codex / Cursor に「固定の設計判断力」を与えます（特定の見た目の押し付けではありません）。参照から適切な設計文法を選び・導出し、プロジェクトの決定を STYLESEED.md にロック。0–100 の採点ゲート（80 未満は出さない）とレンダー→採点→修正のループで、あの「AI 生成っぽい」見た目を退治します。

Google Labs 公式の Agent Skills パック。Stitch MCP サーバーと連携し、UI デザインやコンポーネント構築のワークフローを AI に任せられます。オープンな Agent Skills 標準に準拠し、Claude Code・Cursor・Codex など各種コーディングエージェントに導入できます。

自然言語、コードベース、Terraform/Kubernetes 設定、SQL DDL から編集可能な .drawio 図を生成し、PNG・SVG・PDF・JPG に書き出します。Claude Code、Cursor、Copilot、Codex などに対応します。

Claude Code や Codex 向けの単一 HTML プレゼン制作ワークフローです。電子雑誌風とスイス国際様式を備え、横送り、画像・カバー、発表者ノート、リハーサル、2 画面の発表者モードに対応します。

テーマ、記事、物、参考写真を、中性紙、1〜2 色のインク、ハーフトーン、余白、タイポグラフィで構成するオリジナル編集ポスターに変換します。

Claude Code で高品質なスクロール連動ランディングページを作るワークフローです。ブランドへのヒアリング、顧客導線、動画スクラブ、横移動、固有インタラクションを設計し、スクロール位置ごとの画面で検証します。

GitHub のリポジトリトップを、プロジェクト固有の明快なビジュアルストーリーへ再設計します。対象読者、価値、実証を整理して Markdown と SVG を改善し、Hero や見出し、図、バッジだけを作ることもできます。

Claude Code、Codex など向けの KiCad 電子設計ツール群です。回路図、PCB、Gerber、参照 PDF を解析し、SPICE、EMC 事前確認、BOM、データシート、部品調達、製造準備まで扱います。

Cursor、Claude Code、Kiro、Codex 向けの Blender 制作パックです。94 個の分野別 Skill でモデリング、マテリアル、照明、アニメーション、最適化、ゲームエンジン書き出し、参照画像合わせを Blender MCP 経由で支援します。

Web、Jetpack Compose、SwiftUI 向け creative-coding plugin です。cast と paint の主 pipeline が 15 module を振り分け、code の前に確認可能な interaction/visual thesis を提示し、motion、micro-interaction、design system を実装します。

編集可能な 3D 建築 scene 用の 2 Agent Skill です。pascal-3d は安全な接続、modeling、validation、handoff を扱い、furniture-fit は実測 footprint と collision を評価し、高さ、door swing、搬入経路を未検証のまま断定しません。