ckm:design

Webとモバイル向けのUI/UXデザインインテリジェンス。50以上のスタイル、161のカラーパレット、57のフォントペアリング、161のプロダクトタイプ、99のUXガイドライン、25のチャートタイプを10スタック（React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/ui、HTML/CSS）で収録。アクション：UI/UXコードの計画、構築、作成、デザイン、実装、レビュー、修正、改善、最適化、拡張、リファクタリング、チェック。プロジェクト：ウェブサイト、ランディングページ、ダッシュボード、管理パネル、Eコマース、SaaS、ポートフォリオ、ブログなど。

トークンアーキテクチャ、コンポーネント仕様、スライド生成。3層トークン（プリミティブ→セマンティック→コンポーネント）、CSS変数、スペーシング/タイポグラフィスケール、コンポーネント仕様、戦略的なスライド作成。デザイントークン、体系的なデザイン、ブランド準拠のプレゼンテーションに使用。

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スキルを使用。

トークンアーキテクチャ、コンポーネント仕様、スライド生成。三層トークン（プリミティブ→セマンティック→コンポーネント）、CSS変数、スペーシング/タイポグラフィスケール、コンポーネント仕様、戦略的スライド作成。デザイントークン、体系的なデザイン、ブランド準拠のプレゼンテーションに使用。

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