AIが生成したインターフェースの多くは汎用的で、独自の個性缺乏がちです。このスキルは、Coding Agent for Claude Codeが、美しく出色的で、他と区別できる視覚的アイデンティティを持ち、一般的なAIパターンを避けた思慮深いデザイン判断を備えた、プロダクションレベルのウェブインターフェースを作成するためのガイドです。

Claude Code のカスタムスキルを作成するには、適切なファイル構造とフロントマターの形式を理解する必要があります。このスキルは、スキル構造、トリガー条件、プラグインスキル開発のベストプラクティスに関するドキュメントを含む完全なリファレンステンプレートを提供します。

財務モデリングには複雑な計算とシナリオテストが必要です。このスキルは、正確な投資判断のためにDCF評価、感応度分析、モンテカルロシミュレーションを自動化します。

Cookbookノートブックは一貫した品質基準が必要です。ユーザーが効果的に学習できるようにするため、このスキルは自動検証チェックと、ノートブック品質、ナラティブフロー、コード品質、技術的正確性をレビューするための包括的なルーブリックを提供します。

Claude Code向けの再利用可能なスラッシュコマンドを構築します。コマンド構造、YAMLフロントマターのオプション、動的引数、ファイル参照、bash実行を学び、一般的なワークフローを自動化します。

文書全体で一貫したブランドアイデンティティを維持することは時間がかかり、エラーが発生しやすい作業です。このスキルは、カラーパレット、タイポグラフィ、書式ルール、検証ツールを含む企業ブランド基準への即座のアクセスを提供し、すべての文書がプロフェッショナルなブランドガイドラインを満たすことを保証します。

このスキルは、貸借対照表、損益計算書、およびキャッシュフローデータから主要な財務比率を計算します。業界ベンチマークと実行可能なレコメンデーションを含む投資分析を提供します。

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

開発者は確立されたベストプラクティスに従わずにインターフェースを構築ことが多く、アクセシビリティの問題やユーザーエクスペリエンの低下につながります。このスキルはVercelから最新のウェブインターフェースガイドラインを取得し、コードに対して自動的にレビューを行い、標準的なファイル:行形式の実行可能なフィードバックを提供します。

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 スキル

テストの作成と維持には時間がかかります。VitestはViteを基盤とした高速なテストフレームワークで、Jest互換のAPIを提供し、開発者がネイティブESM、TypeScript、JSXを標準でサポートしたユニットテストを記述できます。

開発チームは、Viteの構成とビルドワークフローに関する正確なガイダンスを必要としています。このスキルは公式のパターンと例を要約するため、エージェントは正しい設定とコマンドを提案できるようになります。

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

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

TypeScriptライブラリの構築には複雑なバンドラー設定が必要です。このスキルは、Rolldownを動力とする超高速バンドラー「tsdown」に関する包括的なドキュメントを提供し、設定、プラグイン、およびtsupからの移行について説明します。