react-component-dev
✓Erstellen Sie React-Komponenten mit den richtigen Mustern, Zugänglichkeit und Zusammensetzung. Verwenden Sie es, wenn Sie neue Komponenten erstellen, vorhandene umgestalten oder die Komponentenarchitektur überprüfen. Behandelt ForwardRef, Requisitendesign, Barrierefreiheit, Dateiorganisation und Testansätze.
Installation
SKILL.md
Patterns for building composable, accessible, well-structured React components.
| className | string | Style composition | | children | ReactNode | Content (when applicable) | | ...rest | native props | Forward all valid HTML attributes |
| forwardRef | Wrapping DOM elements | | ComponentPropsWithoutRef | Inheriting native props | | cn() | Merging classNames | | as const | Literal type inference | | useImperativeHandle | Custom ref APIs (rare) | | React.Children | Manipulating children (avoid if possible) |
Erstellen Sie React-Komponenten mit den richtigen Mustern, Zugänglichkeit und Zusammensetzung. Verwenden Sie es, wenn Sie neue Komponenten erstellen, vorhandene umgestalten oder die Komponentenarchitektur überprüfen. Behandelt ForwardRef, Requisitendesign, Barrierefreiheit, Dateiorganisation und Testansätze. Quelle: petekp/claude-code-setup.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/petekp/claude-code-setup --skill react-component-dev- Quelle
- petekp/claude-code-setup
- Kategorie
- </>Entwicklung
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist react-component-dev?
Erstellen Sie React-Komponenten mit den richtigen Mustern, Zugänglichkeit und Zusammensetzung. Verwenden Sie es, wenn Sie neue Komponenten erstellen, vorhandene umgestalten oder die Komponentenarchitektur überprüfen. Behandelt ForwardRef, Requisitendesign, Barrierefreiheit, Dateiorganisation und Testansätze. Quelle: petekp/claude-code-setup.
Wie installiere ich react-component-dev?
Ö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/petekp/claude-code-setup --skill react-component-dev 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/petekp/claude-code-setup
Details
- Kategorie
- </>Entwicklung
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01