スキル一覧

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

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

大きな出力をファイルシステムにオフロードしてトークン使用量を削減するスキル。

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

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

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

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

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

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

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

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