skills - Vue 3開発用AIスキル は何をしますか？
🤖 専用AIスキルでVue 3開発を強化し、実世界の課題に取り組み、コミュニティ主導のソリューションで生産性を向上させます。
概要
このスキルはVue 3開発に特化したAIアシスタントです。以下のような特徴があります：
- Composition APIのサポート: リアクティブな状態管理とロジックの再利用を効率化
- TypeScript統合: 型安全なVue 3アプリケーション開発を支援
- パフォーマンス最適化: 仮想DOM、プロキシベースのリアクティブシステムのベストプラクティスを提供
- コミュニティ駆動: 実際の開発現場から収集されたソリューションを提供
対応プラットフォーム
- Claude Code
- Cursor
- その他のAIエージェント（API互換性あり）
使用方法
# スキルを有効化（例: Claude Codeでの使用）
claude code --skill akrammjidou/skills
または、Cursorなどの対応エディタでスキル設定から有効化してください。
主な機能
- コード生成: Vue 3コンポーネント、Composable、ストアの自動生成
- リファクタリング: Options APIからComposition APIへの移行支援
- デバッグ: リアクティブシステムのトラブルシューティング
- テスト: Vitestを使用した単体テストの作成支援
設定
プロジェクトの package.json や vue.config.js を自動的に読み取り、環境に合わせたアドバイスを行います。必要に応じて環境変数 VUE_SKILL_DEBUG=true を設定するとデバッグ情報が表示されます。
詳細なドキュメントや最新情報は リポジトリ を参照してください。