Claude Codeで使えるスキル・エージェント・コマンドを探す
36件のスキル
React NativeとNext.js両対応の包括的UI/UXデザインシステム。6つのプリセットスタイル（ミニマリストモダン〜実験的）、デザイントークン基盤、リファクタリング、アクセシビリティ強化機能。
Lottie JSONフォーマットでロゴをアニメーション化するスキル。フェード＋スケール、バウンス、パルス、スムース回転、ウィグル/ジェロ、ウェーブフォームなどのモーションパターンを使い、GIF/MP4として書き出し可能。
Claude Codeに2,500以上のshadcn/uiブロック＆コンポーネントのエキスパート知識を付与。71カテゴリ1,338ブロック（ヒーロー、プライシングテーブル、フッター等）と60+グループ1,189コンポーネント。
iOS/Android向けモバイルアプリアイコンをAIで生成するCLIツール。Clipdrop Text-to-Image APIを使用し、プロンプトからプロ品質のアイコンを数秒で作成。ストア提出可能なPNG形式で出力。
3つのモードでアクセシビリティ監査を実行。Runtime（axe-coreによるDOM検証）、Static（eslint-plugin-jsx-a11yによるCI/ビルド時チェック）、Full（両方の組み合わせ）。WCAG準拠の包括的チェック。
Riveアニメーション基盤に特化したスキルパッケージ。Rive Editor、Luau scripting、State Machine、Data Binding、React/Next.jsランタイム連携を一貫して扱える。
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インストールまで自動化。反復的な微調整にも対応。
デザインシステムをゼロから構築するオリジナルスキル。現状把握→トークン定義→CSS/Tailwind生成→コンポーネントスキャフォールド→Storybook→ドキュメント→変更管理の7フェーズをワンストップで実行。OKLCHカラー、3層トークン設計、cvaバリアント、ESLint/Stylelint強制ルール対応。
AIコーディングアシスタント向けGSAPアニメーションスキル。to/from/fromTo/setメソッド、タイムラインシーケンス、ScrollTriggerスクロールベースアニメーション、Reactインテグレーションパターン、パフォーマンス最適化をカバー。