ckm:design-system

包括ブランド設計スキル：ブランドアイデンティティ、デザイントークン、UIスタイリング、ロゴ生成（55スタイル、Gemini AI）、コーポレートアイデンティティプログラム（50成果物、CIPモックアップ）、HTMLプレゼンテーション（Chart.js）、バナーデザイン（22スタイル、ソーシャル/広告/ウェブ/印刷）、アイコンデザイン（15スタイル、SVG、Gemini 3.1 Pro）、ソーシャル写真（HTML→スクリーンショット、マルチプラットフォーム）。アクション：ロゴデザイン、CIP作成、モックアップ生成、スライド作成、バナーデザイン、アイコン生成、ソーシャル写真作成、ソーシャルメディア画像、ブランド...

shadcn/uiコンポーネント（Radix UI + Tailwind上に構築）、Tailwind CSSのユーティリティファーストスタイリング、およびキャンバスベースのビジュアルデザインを使用して、美しくアクセシブルなユーザーインターフェースを作成します。ユーザーインターフェースの構築、デザインシステムの実装、レスポンシブレイアウトの作成、アクセシブルなコンポーネント（ダイアログ、ドロップダウン、フォーム、テーブル）の追加、テーマと色のカスタマイズ、ダークモードの実装、ビジュアルデザインやポスターの生成、アプリケーション全体での一貫したスタイリングパターンの確立に使用します。

ブランドボイス、ビジュアルアイデンティティ、メッセージングフレームワーク、アセット管理、ブランドの一貫性。ブランドコンテンツ、トーンボイス、マーケティングアセット、ブランドコンプライアンス、スタイルガイドのために起動します。

Chart.js、デザイントークン、レスポンシブレイアウト、コピーライティングの公式、およびコンテキストに応じたスライド戦略を用いて、戦略的なHTMLプレゼンテーションを作成します。

ソーシャルメディア、広告、ウェブサイトヒーロー、クリエイティブアセット、印刷物向けのバナーをデザインします。AI生成ビジュアルによる複数のアートディレクションオプションを提供。アクション：デザイン、作成、バナー生成。プラットフォーム：Facebook、Twitter/X、LinkedIn、YouTube、Instagram、Googleディスプレイ、ウェブサイトヒーロー、印刷物。スタイル：ミニマリスト、グラデーション、大胆なタイポグラフィ、写真ベース、イラストレーション、幾何学、レトロ、グラスモーフィズム、3D、ネオン、デュオトーン、エディトリアル、コラージュ。ui-ux-pro-max、frontend-design、ai-artist、ai-multimodalスキルを使用。

ソーシャルメディア、広告、ウェブサイトヒーロー、クリエイティブアセット、印刷物向けのバナーをデザインします。AI生成ビジュアルによる複数のアートディレクションオプション。アクション：バナーのデザイン、作成、生成。プラットフォーム：Facebook、Twitter/X、LinkedIn、YouTube、Instagram、Googleディスプレイ、ウェブサイトヒーロー、印刷物。スタイル：ミニマリスト、グラデーション、大胆なタイポグラフィ

Chart.js、デザイントークン、レスポンシブレイアウト、コピーライティングの公式、コンテキストに応じたスライド戦略を用いて、戦略的なHTMLプレゼンテーションを作成します。

ブランドボイス、ビジュアルアイデンティティ、メッセージングフレームワーク、アセット管理、ブランドの一貫性。ブランドコンテンツ、トーンボイス、マーケティングアセット、ブランドコンプライアンス、スタイルガイドのために起動します。