テストなしでAIスキルを作成すると、エージェントが压力下で無視するドキュメントになってしまいます。このスキルではテスト駆動開発をスキル作成に適用します。まず失敗するシナリオを実行し、失敗を記録し、その具体的なギャップに対処するスキルを作成し、最後にコンプライアンスを確認します。

このスキルは、コードを記述する前に、一口サイズのタスクで構成された包括的な実装プランを生成します。2〜5 分のステップにタスクを構造化し、正確なファイルパス、テストコマンド、コミットメッセージを提供します。

このスキルは、色のコントラストの失敗が原因で発生する PageSpeed Insights および Lighthouse のアクセシビリティエラーを修正します。アクセシビリティ監査の失敗を引き起こす CSS パターンをスキャンし、SEO パフォーマンスを向上させるための実証済みの修正パターンを提供します。

このスキルは、Vercel の Web インターフェースガイドラインに対して Web インターフェースを自動的に監査し、アクセシビリティの問題、UX 上の問題、およびデザインコンプライアンス違反を UI コードから特定します。

Claude の会話で複数のコンポーネントからなる React アーティファクトを作成するには、複雑なバンドルと設定が必要です。このスキルは、React 18、TypeScript、Tailwind CSS、40 以上の shadcn/ui コンポーネントを含むプロジェクトセットアップを自動化し、すべてを単一の HTML ファイルにバンドルします。

ローカル Web アプリケーションのテストには、手動セットアップなしで信頼性の高いブラウザ自動化が必要です。このツールキットは、フロントエンドテストワークフローを効率化する Playwright スクリプトとサーバー管理ユーティリティを提供します。

このスキルは、実際の検証証拠を要求することで、AI エージェントが虚偽の完了主張を行うことを防ぎます。テストの合格、ビルドの成功、そして作業が真に完了したことを確認します。

パフォーマンスの高い React アプリケーションの構築には、複雑な最適化パターンの理解が必要です。このスキルでは、AI による React および Next.js コードの作成、レビュー、リファクタリングを最適パフォーマンスに向けてガイドするために、Vercel Engineering による 45 件の優先度の高いルールを提供します。

認証や設定なしに任何のプロ젝트를 Vercelにデプロイします。スキルはコードをパッケージ化し、フレームワークを自動的に検出し、数秒でライブプレビューURLを返します。

このメタスキルは、あらゆる返信やアクションの前に利用可能なスキルの確認と呼び出しを Claude Code に義務付けることで、クリティカルなワークフロー規律を確立し、チャンスの逸失や言い訳を防ぎます。

Git worktree を使用すると、コンテキストスイッチングなしで複数のブランチで同時に作業できます。このスキルは、信頼性の高いワークスペース分離のための体系的なディレクトリ選択と安全性検証を提供します。

プロフェッショナルな UI/UX デザインの作成には、アクセシビリティ、カラーセオリー、タイポグラフィ、およびスタック固有のパターンに関する深い知識が必要です。このスキルは、50 以上のデザインスタイル、カラーパレット、フォントの組み合わせ、実装ガイドラインを検索可能なデータベースとして提供し、洗練されたインターフェースをより迅速に構築することを支援します。

シンプルなドキュメントやプレゼンテーションを、厳選されたデザインテーマで視覚的に洗練されたアーティファクトに変換します。10 種類の事前作成されたテーマから選択するか、ブランドアイデンティティに合わせたカスタムスタイルを作成できます。

コードの後にテストを書くことは、誤った自信と見逃されたエッジケースにつながります。このスキルは TDD の規律を強制します：まず失敗するテストを書き、その後それをパスするために必要な最小限のコードを実装します。

行き当たりばったりの修正は時間の無駄であり、新たなバグを生み出します。このスキルは、ソリューションの実装前に根本原因を特定する 4 段階のデバッグフレームワークを提供し、症状に基づく修正への無駄な労力を防ぎます。

AI エージェントは複雑なマルチタスクの実装に苦心することがよくあります。このスキルは、各タスクに対して新しいサブエージェントをディスパッチし、仕様の準拠とコード品質の必須レビューを強制することでこれを解決します。

Python PIL を使用して Slack 向けに最適化されたアニメーション GIF を作成します。イージング関数によるカスタムアニメーションを生成し、絵文字およびメッセージコンテキスト向けの自動ファイルサイズ最適化を行います。

効果的なAIスキルを構築するには、コンテキスト管理、プログレッシブディスクロージャー、再利用可能なリソース設計を理解する必要があります。このスキルは、コンテキストウィンドウの容量を浪費せずにClaudeの機能を拡張するモジュラースキルを作成するための完全なフレームワークを提供します。

開発者は実装に近づすぎるため、自分のコードで問題を見逃すことがあります。このスキルは AI サブエージェントを派遣して、マージ前にコード変更を要件に対してレビューし、品質、アーキテクチャ、テスト、本番環境の準備状況を確認します。

コードレビューには感情的なパフォーマンスではなく技術的評価が必要です。このスキルは、実装前にレビューフィードバックを検証するための構造化されたパターンを提供し、社会的な快適さではなく技術的正确性を確保します。