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 前端實現模式。在實現階段使用 TanStack 查詢、表單或路由創建或修改 React 組件、自定義掛鉤、頁面、數據獲取邏輯。涵蓋組件結構、掛鉤規則、自定義掛鉤設計（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 中使用

查看原文