Claude Codeで使えるスキル・エージェント・コマンドを探す
38件のスキル
Motion.dev（Framer Motion後継）向けのWebアニメーション実装スキル。ヒーロー、スクロール演出、ジェスチャー、マイクロインタラクション、テンプレート実装までをカバー。
Claude Codeに2,500以上のshadcn/uiブロック＆コンポーネントのエキスパート知識を付与。71カテゴリ1,338ブロック（ヒーロー、プライシングテーブル、フッター等）と60+グループ1,189コンポーネント。
Anime.js v4向けのClaude Codeスキル。タイムライン、イージング、シーケンス制御を使った軽量JavaScriptアニメーション実装を支援。
3つのモードでアクセシビリティ監査を実行。Runtime（axe-coreによるDOM検証）、Static（eslint-plugin-jsx-a11yによるCI/ビルド時チェック）、Full（両方の組み合わせ）。WCAG準拠の包括的チェック。
「Refactoring UI」書籍に基づくデザインスキル。定義済みスペーシングスケール、HSLベースカラーシステム、標準化シャドウレベル。/ui-refactorコマンド付き。
Lottie JSONフォーマットでロゴをアニメーション化するスキル。フェード＋スケール、バウンス、パルス、スムース回転、ウィグル/ジェロ、ウェーブフォームなどのモーションパターンを使い、GIF/MP4として書き出し可能。
Riveアニメーション基盤に特化したスキルパッケージ。Rive Editor、Luau scripting、State Machine、Data Binding、React/Next.jsランタイム連携を一貫して扱える。
SVGからLottie JSONアニメーションを生成するスキル。After Effects依存を減らし、AI主導でモーション設計と出力を行える。
自然言語プロンプトでVSCodeカラーテーマを生成するスキル。ツール検証、スキャフォールディング、カラーパレット設定、パッケージング、VSCodeインストールまで自動化。反復的な微調整にも対応。
AI駆動Storybook 9/10開発アシスタント。フレームワーク自動検出（React/Vue/Svelte/Angular等）。/setup-storybook、/generate-stories、/fix-accessibilityコマンド。Vitest + Playwrightテスト、axe-coreアクセシビリティ監査対応。
エンジニアリング視点でFigmaデザインレビューを自動化。データ構造複雑性、テーブル/リストパフォーマンス、フォームバリデーション、UIの一貫性、セキュリティ権限、仕様の曖昧さの6領域を分析。Figmaに直接コメント投稿。
Next.js/React向けアニメーション実装スキル。Emil Kowalskiのモーション設計知見をベースに、ホバー、トースト、モーダルなど実践例を含む。