スキル一覧

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

再帰的分解で長コンテキストタスクを処理するスキル。大規模タスクを管理可能なチャンクに分割。

LangGraphによるステートフルAIエージェントとワークフローの構築を学ぶスキル。

Anime.js v4向けのClaude Codeスキル。タイムライン、イージング、シーケンス制御を使った軽量JavaScriptアニメーション実装を支援。

「Refactoring UI」書籍に基づくデザインスキル。定義済みスペーシングスケール、HSLベースカラーシステム、標準化シャドウレベル。/ui-refactorコマンド付き。

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

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

Next.js/React向けアニメーション実装スキル。Emil Kowalskiのモーション設計知見をベースに、ホバー、トースト、モーダルなど実践例を含む。

craftgardenブランドの花モチーフアイコンを生成。Apple HIG準拠、Liquid Glass対応。OG画像、バリデーション、HTMLタグ生成も含む。

Codex AIエージェント統合プラグイン。コード分析とコラボレーション向け。

Outline Driven開発アプローチのエージェントインテリジェンスプラグイン。