react-frontend-expert
✓React/TypeScript-Frontend-Implementierungsmuster. Verwendung während der Implementierungsphase beim Erstellen oder Ändern von React-Komponenten, benutzerdefinierten Hooks, Seiten, Datenabruflogik mit TanStack Query, Formularen oder Routing. Behandelt Komponentenstruktur, Hook-Regeln, benutzerdefiniertes Hook-Design (useAuth, useDebounce, usePagination), TypeScript-Konventionen im strengen Modus, Formularbehandlung, Barrierefreiheitsanforderungen und Projektstruktur. Deckt NICHT Tests (React-Testing-Patterns verwenden), E2E-Tests (E2E-Tests verwenden) oder Bereitstellung ab.
Installation
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-Frontend-Implementierungsmuster. Verwendung während der Implementierungsphase beim Erstellen oder Ändern von React-Komponenten, benutzerdefinierten Hooks, Seiten, Datenabruflogik mit TanStack Query, Formularen oder Routing. Behandelt Komponentenstruktur, Hook-Regeln, benutzerdefiniertes Hook-Design (useAuth, useDebounce, usePagination), TypeScript-Konventionen im strengen Modus, Formularbehandlung, Barrierefreiheitsanforderungen und Projektstruktur. Deckt NICHT Tests (React-Testing-Patterns verwenden), E2E-Tests (E2E-Tests verwenden) oder Bereitstellung ab. Quelle: hieutrtr/ai1-skills.
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/hieutrtr/ai1-skills --skill react-frontend-expert Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/hieutrtr/ai1-skills --skill react-frontend-expert- Quelle
- hieutrtr/ai1-skills
- Kategorie
- </>Entwicklung
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-05
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist react-frontend-expert?
React/TypeScript-Frontend-Implementierungsmuster. Verwendung während der Implementierungsphase beim Erstellen oder Ändern von React-Komponenten, benutzerdefinierten Hooks, Seiten, Datenabruflogik mit TanStack Query, Formularen oder Routing. Behandelt Komponentenstruktur, Hook-Regeln, benutzerdefiniertes Hook-Design (useAuth, useDebounce, usePagination), TypeScript-Konventionen im strengen Modus, Formularbehandlung, Barrierefreiheitsanforderungen und Projektstruktur. Deckt NICHT Tests (React-Testing-Patterns verwenden), E2E-Tests (E2E-Tests verwenden) oder Bereitstellung ab. Quelle: hieutrtr/ai1-skills.
Wie installiere ich react-frontend-expert?
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/hieutrtr/ai1-skills --skill react-frontend-expert Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor
Wo ist das Quell-Repository?
https://github.com/hieutrtr/ai1-skills
Details
- Kategorie
- </>Entwicklung
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-05