UI/UX Design

あいまいなアイデアを、コード実装や開発作業に入る前に、承認済みのデザインや仕様に落とし込むための構造化されたブレインストーミング用スキルです。

ブランドボイス、ビジュアルアイデンティティ、メッセージングフレームワーク、アセットの一貫性チェックなど、体系立てたブランドガイドラインとレビューを必要とするチーム向けのツール群です。

ブランドアイデンティティ、デザイントークン、UI スタイリング、ロゴ・アイコン生成、CIP（Corporate Identity Program）のモックアップ、HTML プレゼン資料、バナー、主要プラットフォーム向けソーシャル画像までを一貫して扱える統合デザインスキルです。

デザイントークン設計、コンポーネント仕様、プレゼン用スライドシステムをひとつにまとめたスキルです。ckm:design-system を使うと、3 レイヤーのトークン定義、CSS Variables の生成と検証、Tailwind テーマの設計、ブランドトーンが揃ったスライドレイアウトとストーリー構成をまとめて扱えます。

ui-ux-pro-max は、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）にまたがって収録し、レイアウト設計、ビジュアルの方向性、インタラクションパターン、UX 品質チェックをガイドします。