react-frontend-expert

SKILL.md

Centralize query key and function definitions to prevent key collisions:

See references/component-templates.md for annotated component templates. See references/tanstack-query-patterns.md for CRUD query patterns.

React/TypeScript フロントエンド実装パターン。 React コンポーネント、カスタム フック、ページ、TanStack Query を使用したデータ フェッチ ロジック、フォーム、またはルーティングを作成または変更する実装フェーズ中に使用します。コンポーネント構造、フック ルール、カスタム フック設計 (useAuth、useDebounce、usePagination)、TypeScript の厳密モード規則、フォーム処理、アクセシビリティ要件、プロジェクト構造について説明します。テスト (react-testing-patterns を使用)、E2E テスト (e2e-testing を使用)、またはデプロイメントは対象外です。 ソース: hieutrtr/ai1-skills。

ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/hieutrtr/ai1-skills --skill react-frontend-expert インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

原文を見る