スキル一覧

アニメーションリッチなHTMLプレゼンテーション作成スキル。スクロールトリガーアニメーション、CSSトランジション、スタガードリビール、キーボード/タッチ/スワイプナビゲーション、進行バーアニメーション対応。ゼロ依存、ブラウザのみで動作。

Claude Code向けデザインエンジニアリングプラグイン。UIの一貫性を保つクラフト、メモリ、エンフォースメント機能を搭載。6つのデザイン方針（精密＆密度、温かさ、洗練＆信頼等）をサポート。セッション間でデザイン決定を永続化。

7つの専門エージェント集。フロントエンドデザイナーエージェントはモックアップ、ワイヤーフレーム、ビジュアルコンセプトを技術仕様と実装ガイドに変換。関連タスクで自動発動。

フルスタックサブエージェント集。UIデザイナー（クリエイティブUI設計）、UXデザイナー（UXパターン）、フロントエンド開発者（Reactコンポーネント）、React Pro、Next.js Proなどの専門エージェントを収録。

7プラグイン24スキルのプロダクションワークフロー集。Tailwind v4 + shadcn/uiスキル（623行）はCSS設計テンプレート、ダークモードプロバイダーを含む。Web Designプラグインとデザインアセット生成も搭載。

モーションデザイン監査スキル。Emil Kowalski、Jakub Krehel、Jhey Tompkinsの3人のデザイナー哲学に基づき、Framer Motionの実装をコンテキスト対応でレビュー。スプリングアニメーション、イージングカーブ、AnimatePresenceパターン、アクセシビリティ対応を網羅。

UI/UXデザインとフロントエンド開発向けAIエージェントプロンプト集。デザインシステム、コンポーネントアーキテクチャ、レスポンシブデザイン、ARIA実装、マイクロインタラクション等のカテゴリ。

CLIからFigmaを完全制御。100以上のコマンドで読み書き操作。JSXレンダリング、150k+アイコン、Storybook export、ビジュアルdiff、デザイントークンバインディング対応。SKILL.md・AGENTS.md付き。

Favicon、アプリアイコン、OGP画像を自然言語で生成するClaude Codeスキル。絵文字・ロゴ・テキストからアイコンを生成し、フレームワーク自動検出・コード統合まで対応。PWA Manifest生成、WCAG準拠チェック機能付き。

クロスエージェントスキル集（Claude Code、Cursor、Copilot、Windsurf対応）。Figma API統合＆デザイントークン、UXデザインシステムのパターンライブラリ管理、モバイルレスポンシブ設計。オープンSKILL.md標準。

デザインシステムアーキテクト＆CSSエキスパートスキル。3層トークン設計（Primitive→Semantic→Component）、OKLCHカラー標準、ITCSS CSS構成、デザインバイブル生成。マルチブランド/ホワイトラベル対応。アンチパターン検出付き。