Vue.js の機能をゼロから構築すると、複雑でメンテナンスしにくいコードになります。このスキルは要件を適切な VueUse Composable にマッピングし、実装を簡潔かつ高性能で保守可能に保つ正しいパターンを適用します。

Vue.js開発者は非同期コンポーネント、状態管理、E2Eセットアップのテストに苦労しています。このスキルは、保守的で信頼性の高いテストを書くために、Vitest、Vue Test Utils、Playwrightの实战的なパターンを提供します。

Vue Routerアプリケーションは、ナビゲーションガードの落とし穴、ルートライフサイクルの問題、コンポーネントのアンマウント問題に苦労することがよくあります。このスキルは、一般的なバグを防ぎ、堅牢なルーティングアーキテクチャを構築するためのVue Router 4の厳選されたパターンとソリューションを提供します。

Vue.jsアプリケーションの構築には、反応的な状態管理、コンポーネントの構成、そして現代的なJavaScriptパターンの理解が必要です。このスキルは、Vue Composition API、コンポーネント設計、および反応性の基礎に関する専門的なガイダンスを提供します。

Vue 3プロジェクトでは、型チェックの問題、保存の遅延、設定の不具合がよく発生します。このスキルは、Vueコンポーネントの型付け、Volarの設定、一般的なVue 3開発の課題に対する厳選された解決策を提供します。

Claude、Codex、および Claude Code 用の AI スキル

UnoCSSは、Tailwind CSSの柔軟で拡張性のある代替手段を提供するインスタントアトミックCSSエンジンです。このスキルは、UnoCSSの設定、カスタムユーティリティルールの作成、Wind、Icons、Attributifyなどのプリセットの活用を支援します。

モノレポで複数パッケージを管理すると、ビルドの低速化や複雑なタスクオーケストレーションが発生することがあります。Turborepoはインテリジェントなキャッシュと並列実行により、ビルドを高速化します。このスキルは、タスクパイプライン、キャッシュ戦略、環境変数、モノレポのベストプラクティスの設定に関する専門的ガイダンスを提供します。

Claude、Codex、およびClaude Code向けのAIスキル

Node.js の依存関係を手動で管理するのは時間がかかり、エラーが発生しやすいです。pnpm スキルは、pnpm コマンド、ワークスペースの設定、カタログ、パッチ、オーバーライド、およびモノレポのワークフローに関するベストプラクティスを含む包括的な知識を Claude に提供します。

フルスタックVueアプリケーションの開発には、サーバーサイドレンダリング、ファイルベースルーティング、そしてNuxtモジュールエコシステムの理解が必要です。このスキルは、Nitroサーバーエンジンを使用して本番環境に対応したNuxtアプリケーションを構築するための包括的なドキュメントを提供します。

プロジェクトでは、チームメンバー間でツールや設定が一貫していないことがよくあります。このスキルは、TypeScript、ESLint、Vitest、CI/CDの設定を含む、Anthony Fuによるベストプラクティスを提供し、あらゆるWebプロジェクトで一貫したコード品質と開発者体験を保証します。

四半期ロードマップとスプリントキャパシティの管理は複雑で時間がかかります。このスキルは、エピックをマイルストーンに分解し、業界標準モデルを使用してキャパシティを見積もり、協調的な計画ワークフローを作成するための専門的なガイダンスを提供します。

手動でのロードマップとClickUpの同期は時間がかかり、エラーが発生しやすくなります。このスキルは、ローカル計画ファイルとClickUpタスク間の双方向同期にClickUp MCPを使用する専門的なガイダンスを提供します。

Claudeは深い分析を必要とする高度に複雑な問題に苦戦することがあります。このスキルは、応答の苦戦シグナルを監視し、品質が低下する前にディープシンキングエージェントへの積極的なエスカレーションを推奨します。

AIアシスタントは、トレーニングデータが古いため、ソフトウェアのバージョン、リリース日、現在の状態について誤った回答を生成することがよくあります。このスキルは、assertions.yamlとWebSearchを使用して推論レベルで検証を強制し、ハルシネーションの根本原因を防ぎます。

開発者はタスク完了時にしばしば近道を取ります。このスキルは、警告の抑制、コメントアウトされたテスト、削除されたアサーションなどの整合性違反を含むコミットをブロックするgit pre-commitフックを提供します。

シグナルベースのリアクティビティ、OnPush変更検知、最新のv20パターンを活用して、最適なレンダリングパフォーマンスを実現する高パフォーマンスなAngularコンポーネントを作成します。

AIアシスタントは、多くの手順を伴う長いタスクでは目標を見失いがちです。このスキルは、Markdownファイルを外部メモリとして使う実証済みのパターンを教えます。タスク計画を作成し、チェックボックスで進捗を追跡し、調査ノートをファイルに保存します。アシスタントは整理された状態を保ち、元の目標を見失いません。

Java Springアプリケーションは、一貫したエラーハンドリングパターンを欠いていることがよくあります。このスキルは、例外階層、グローバル例外ハンドラー、構造化されたエラーレスポンスを含む完全なエラーハンドリング標準を提供します。