ckm:ui-styling

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変数、スペーシング/タイポグラフィスケール、コンポーネント仕様、戦略的なスライド作成。デザイントークン、体系的なデザイン、ブランド準拠のプレゼンテーションに使用。

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

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

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ディスプレイ、ウェブサイトヒーロー、印刷物。スタイル：ミニマリスト、グラデーション、大胆なタイポグラフィ