antfu

Vercelの公式アクセシビリティおよびデザインガイドラインに基づいてウェブUIを確認します。セマンティックHTML、フォーカス状態、フォーム、アニメーション、タイポグラフィ、画像などについて即座にフィードバックを受け取れます。

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

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

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

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

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

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

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

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

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

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

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

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

Vueアプリケーションの構築には、コンポーネント間での予測可能な状態管理が求められます。Piniaは、状態、ゲッター、アクションを備えたタイプセーフで直感的なAPIを提供します。このスキルは、スケーラブルなVue状態管理パターンの構築に関する包括的なリファレンスを提供します。

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

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