🎨 デザイン
見た目・UI・ビジュアルを作るのスキル・MCP
design-shotgun🎨 デザインCC / Codex 両対応
デザインショットガン
複数のAIデザインバリアントを生成し、比較ボードで選択肢を並べて、構造化されたフィードバックを収集しながら反復改善できます。★ 131,392
diagram🎨 デザインCC / Codex 両対応
図解作成
英語の説明やMermaidコードから、綺麗な図解を3種類の形式で生成します。手書き風の編集可能ファイルとSVG/PNG画像が作れます。★ 131,392
slides🎨 デザインCC / Codex 両対応
スライド作成
データ可視化や戦略的なレイアウトで魅力的なHTMLプレゼンテーションを作成します。Chart.jsを使ったグラフやコピーライティングにも対応しています。★ 125,042
prototype🎨 デザインCC / Codex 両対応
プロトタイプ作成
デザインやロジックの検証に役立つ使い捨てのプロトタイプを作成します。UIの見た目や状態モデルの妥当性を素早くチェックできます。★ 150,760
frontend-design🎨 デザインCC / Codex 両対応
フロントエンドデザイン
UIデザインで個性的なビジュアルアイデンティティを作成するためのガイド。既存のテンプレート的なデザインを避け、意図的なタイポグラフィや配色の選択を支援します。★ 155,788
design-consultation🎨 デザインClaude Code
デザイン相談
プロダクトのデザインシステム全体（配色・タイポグラフィ・レイアウトなど）を提案し、DESIGN.mdとしてまとめてくれます。新しいプロジェクトのUIデザインをゼロから作りたい時に便利です。★ 119,302
design-review🎨 デザインCC / Codex 両対応
デザインレビュー
デザインの視覚的な不整合やスペーシング、階層の問題を発見し、修正するためのQAツールです。AIスロップパターンや遅いインタラクションも自動で改善します。★ 119,302
design-system🎨 デザインCC / Codex 両対応
デザインシステム
デザイントークンやコンポーネント仕様を体系化し、ブランドに準拠したスライドも生成できます。CSS変数や3層構造のトークン設計で、一貫性のあるデザインを実現しましょう。★ 98,156
banner-design🎨 デザインCC / Codex 両対応
バナーデザイン
SNSや広告、ウェブサイト用のバナーをAIで簡単デザイン。複数のスタイルから選べ、初心者でもプロのようなクオリティを実現できます。★ 98,156
design🎨 デザインCC / Codex 両対応
デザインスキル
ブランドアイデンティティやロゴデザイン、バナー作成など、デザインに関する幅広いニーズに対応。AIを活用したロゴ生成やUIスタイリングも簡単にできます。★ 98,156
ui-ux-pro-max🎨 デザインCC / Codex 両対応
UI/UXデザイン支援プロ
Webやモバイルアプリのデザインを総合的にサポート。50以上のスタイルや161のカラーパレットなど豊富なリソースを活用できます。アクセシビリティからアニメーションまでUX向上に役立つガイドラインが充実。★ 98,156
ui-styling🎨 デザインCC / Codex 両対応
UIスタイリング
shadcn/uiとTailwind CSSを使って美しくアクセシブルなユーザーインターフェースを作成するスキルです。コンポーネントの追加からテーマカスタマイズ、レスポンシブデザインまで幅広く対応できます。★ 98,156
brand🎨 デザインCC / Codex 両対応
ブランド管理
ブランドの声や視覚的アイデンティティを統一し、メッセージングフレームワークやアセット管理を行います。ブランドガイドラインの作成や一貫性のチェックに最適です。★ 98,156
pptx🎨 デザインCC / Codex 両対応
PPTXスキル
PPTXファイルの読み書きや編集、新しいスライドの作成など、プレゼンテーションに関するあらゆる作業をサポートします。テンプレートの活用やデザインの改善にも役立ちます。★ 155,788
design-is🎨 デザインCC / Codex 両対応
デザイン審査ツール
Dieter Ramsの10原則に基づいてデザインを審査し、改善計画を提案します。UIデザインの品質向上に役立つツールです。★ 85,100
email-marketing🎨 デザインClaude Code
メールマーケティング
HTMLメールを制作するスキルです。シングルカラムのレイアウトで、プロダクトローンチに最適なデザインを簡単に作れます。CTAやプロダクトの仕様も美しく表示できます。★ 74,811
chart-visualization🎨 デザインCC / Codex 両対応
データ可視化チャート作成
データを26種類のチャートで自動可視化！最適なグラフを選び、JavaScriptで美しく描画します。★ 75,489
dashboard🎨 デザインCC / Codex 両対応
ダッシュボード作成
管理画面や分析用のダッシュボードを1つのHTMLファイルで作成します。左サイドバーと上部バー、KPIカードとチャートが配置されたメイングリッドで構成されます。★ 73,006
critique🎨 デザインCC / Codex 両対応
デザイン5次元レビュー
HTMLデザインを5つの観点で0-10点評価し、改善点を提案するレポートを生成します。哲学的一貫性・視覚的階層・細部の完成度・機能性・革新性を分析し、具体的な改善案を提示します。★ 73,006
canvas-design🎨 デザインCC / Codex 両対応
キャンバスデザイン
美しいビジュアルアートを.pngや.pdfで作成できるスキルです。ポスターやアート作品、デザインを作りたい時に最適。独自のビジュアル哲学に基づき、著作権侵害のないオリジナル作品を作成します。★ 155,788