standards-components
✓Entwerfen Sie wiederverwendbare, zusammensetzbare UI-Komponenten nach dem Prinzip der Einzelverantwortung mit klaren Schnittstellen, Kapselung und minimalen Requisiten. Nutzen Sie diese Fähigkeit beim Erstellen oder Ändern von Frontend-Komponenten in beliebigen Frameworks (React, Vue, Svelte, Webkomponenten) oder Komponentendateien. Anwenden, wenn Sie mit .jsx-, .tsx-, .vue-, .svelte-Dateien in Komponentenverzeichnissen (components/, src/components/, ui/, lib/) arbeiten, Komponenten-Requisiten und -Schnittstellen definieren, Komponentenzusammensetzungsmuster implementieren, den Status auf Komponentenebene verwalten, wiederverwendbare UI-Elemente (Schaltflächen, Formulare, Karten, Modalitäten) erstellen, Komponenten-APIs dokumentieren oder Komponenten für eine bessere Wiederverwendbarkeit und Wartbarkeit umgestalten.
Installation
SKILL.md
Core Rule: Build small, focused components with single responsibility. Compose complex UIs from simple pieces.
This Skill provides Claude Code with specific guidance on how to adhere to coding standards as they relate to how it should handle frontend components.
Each component does one thing well. If you need "and" to describe it, split it.
Entwerfen Sie wiederverwendbare, zusammensetzbare UI-Komponenten nach dem Prinzip der Einzelverantwortung mit klaren Schnittstellen, Kapselung und minimalen Requisiten. Nutzen Sie diese Fähigkeit beim Erstellen oder Ändern von Frontend-Komponenten in beliebigen Frameworks (React, Vue, Svelte, Webkomponenten) oder Komponentendateien. Anwenden, wenn Sie mit .jsx-, .tsx-, .vue-, .svelte-Dateien in Komponentenverzeichnissen (components/, src/components/, ui/, lib/) arbeiten, Komponenten-Requisiten und -Schnittstellen definieren, Komponentenzusammensetzungsmuster implementieren, den Status auf Komponentenebene verwalten, wiederverwendbare UI-Elemente (Schaltflächen, Formulare, Karten, Modalitäten) erstellen, Komponenten-APIs dokumentieren oder Komponenten für eine bessere Wiederverwendbarkeit und Wartbarkeit umgestalten. Quelle: maxritter/claude-codepro.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/maxritter/claude-codepro --skill standards-components- Quelle
- maxritter/claude-codepro
- Kategorie
- *Kreativität
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-05
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist standards-components?
Entwerfen Sie wiederverwendbare, zusammensetzbare UI-Komponenten nach dem Prinzip der Einzelverantwortung mit klaren Schnittstellen, Kapselung und minimalen Requisiten. Nutzen Sie diese Fähigkeit beim Erstellen oder Ändern von Frontend-Komponenten in beliebigen Frameworks (React, Vue, Svelte, Webkomponenten) oder Komponentendateien. Anwenden, wenn Sie mit .jsx-, .tsx-, .vue-, .svelte-Dateien in Komponentenverzeichnissen (components/, src/components/, ui/, lib/) arbeiten, Komponenten-Requisiten und -Schnittstellen definieren, Komponentenzusammensetzungsmuster implementieren, den Status auf Komponentenebene verwalten, wiederverwendbare UI-Elemente (Schaltflächen, Formulare, Karten, Modalitäten) erstellen, Komponenten-APIs dokumentieren oder Komponenten für eine bessere Wiederverwendbarkeit und Wartbarkeit umgestalten. Quelle: maxritter/claude-codepro.
Wie installiere ich standards-components?
Ö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/maxritter/claude-codepro --skill standards-components 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/maxritter/claude-codepro
Details
- Kategorie
- *Kreativität
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-05