react-frontend-expert

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.

Modelli di implementazione del frontend React/TypeScript. Utilizzare durante la fase di implementazione durante la creazione o la modifica di componenti React, hook personalizzati, pagine, logica di recupero dei dati con TanStack Query, moduli o routing. Copre la struttura dei componenti, le regole degli hook, la progettazione degli hook personalizzati (useAuth, useDebounce, usePagination), le convenzioni in modalità rigorosa di TypeScript, la gestione dei moduli, i requisiti di accessibilità e la struttura del progetto. NON copre il test (utilizzare react-testing-pattern), il test E2E (utilizzare e2e-testing) o la distribuzione. Fonte: hieutrtr/ai1-skills.

Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/hieutrtr/ai1-skills --skill react-frontend-expert Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw