スキル一覧

Motion.dev（Framer Motion後継）向けのWebアニメーション実装スキル。ヒーロー、スクロール演出、ジェスチャー、マイクロインタラクション、テンプレート実装までをカバー。

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

Lottie JSONフォーマットでロゴをアニメーション化するスキル。フェード＋スケール、バウンス、パルス、スムース回転、ウィグル/ジェロ、ウェーブフォームなどのモーションパターンを使い、GIF/MP4として書き出し可能。

Claude Codeに2,500以上のshadcn/uiブロック＆コンポーネントのエキスパート知識を付与。71カテゴリ1,338ブロック（ヒーロー、プライシングテーブル、フッター等）と60+グループ1,189コンポーネント。

Riveアニメーション基盤に特化したスキルパッケージ。Rive Editor、Luau scripting、State Machine、Data Binding、React/Next.jsランタイム連携を一貫して扱える。

3つのモードでアクセシビリティ監査を実行。Runtime（axe-coreによるDOM検証）、Static（eslint-plugin-jsx-a11yによるCI/ビルド時チェック）、Full（両方の組み合わせ）。WCAG準拠の包括的チェック。

SVGからLottie JSONアニメーションを生成するスキル。After Effects依存を減らし、AI主導でモーション設計と出力を行える。

AI駆動Storybook 9/10開発アシスタント。フレームワーク自動検出（React/Vue/Svelte/Angular等）。/setup-storybook、/generate-stories、/fix-accessibilityコマンド。Vitest + Playwrightテスト、axe-coreアクセシビリティ監査対応。

エンジニアリング視点でFigmaデザインレビューを自動化。データ構造複雑性、テーブル/リストパフォーマンス、フォームバリデーション、UIの一貫性、セキュリティ権限、仕様の曖昧さの6領域を分析。Figmaに直接コメント投稿。

自然言語プロンプトでVSCodeカラーテーマを生成するスキル。ツール検証、スキャフォールディング、カラーパレット設定、パッケージング、VSCodeインストールまで自動化。反復的な微調整にも対応。