Figma

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

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

shadcn/ui、Radix UI primitives、Tailwind CSS のユーティリティスタイリング、厳選された canvas 用フォントを使って、洗練されつつアクセシブルな UI をデザインします。React や Next.js で、統一感のあるテーマ設計、レスポンシブレイアウト、すぐ出荷できる UI パターンが必要なチームに最適です。

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 品質チェックをガイドします。