スキル一覧

自動発動スキルとフレームワーク検出を備えたインフラキット。Tailwind CSSキットはv4ユーティリティ、レスポンシブデザイン、テーマをカバー。6フック、6エージェント、6コマンド搭載。

最も包括的なGSAP MCPサーバー。自然言語からアニメーションコードを生成。スクロールベースのパララックス/リビール/ピン、テキストエフェクト、インタラクティブアニメーション（ホバー、ドラッグ、タッチ）、SVGパスドローイング/モーフィング、60fps最適化対応。

React Three Fiber（Three.jsのReactレンダラー）用の11モジュールスキル。3Dオブジェクトアニメーション、シェーダーアニメーション、インタラクションアニメーション、物理ベースアニメーション、ポストプロセッシングエフェクトをカバー。

WCAG 2.1/2.2（Level A〜AAA）、ビジュアルデザイン（レイアウト、タイポグラフィ、色彩理論）、UXヒューリスティクス、レスポンシブ対応、デスクトッププラットフォーム固有パターンをカバーする包括的デザイン評価スキル。

Disneyの12原則を実践に落とし込むClaude Code向けアニメーションスキル集。UIマイクロインタラクション、ゲーム演出、ローディング状態、モーションシーケンスまで幅広い文脈で適用できる144スキルを提供。

Figmaデザインからプロダクションレディなコードを自動生成するスキル。Figma MCP統合、コンポーネント再利用の優先、バリアント→Propマッピング、TypeScript型安全性、アクセシビリティサポート内蔵。

包括的なWebアニメーションスキル。Framer Motion、CSSアニメーション、ページトランジション、ホバーインタラクション、スクロールアニメーション、ローディング状態（スピナー、スケルトン）、ドラッグ＆ドロップ、モーダル/ダイアログトランジション、ボタンフィードバックなどマイクロインタラクション全般をカバー。

AccessLintによる包括的アクセシビリティスイート。WCAG 2.1レビューエージェント、コントラストチェッカー、a11yリファクタリング、色使用チェック。MCP統合でコントラスト比計算とアクセシブルな色提案を提供。

React NativeとNext.js両対応の包括的UI/UXデザインシステム。6つのプリセットスタイル（ミニマリストモダン〜実験的）、デザイントークン基盤、リファクタリング、アクセシビリティ強化機能。

マルチモーダルAIビジュアルテストプラグイン。Claude 4.5 Sonnetのビジョン機能でスクリーンショット分析。アクセシビリティ（WCAG 2.1）、パフォーマンス、レスポンシブデザインを含む10カテゴリのテスト。

iOS/Android向けモバイルアプリアイコンをAIで生成するCLIツール。Clipdrop Text-to-Image APIを使用し、プロンプトからプロ品質のアイコンを数秒で作成。ストア提出可能なPNG形式で出力。