components-build
✓Erstellen Sie moderne, zusammensetzbare und zugängliche React-UI-Komponenten gemäß der Components.build-Spezifikation. Wird zum Erstellen, Überprüfen oder Refactoring von Komponentenbibliotheken, Designsystemen oder wiederverwendbaren UI-Komponenten verwendet. Wird bei Aufgaben ausgelöst, die Komponenten-APIs, Kompositionsmuster, Barrierefreiheit, Stilsysteme oder TypeScript-Requisiten betreffen.
Installation
SKILL.md
Comprehensive guidelines for building modern, composable, and accessible UI components. Contains 16 rule categories covering everything from core principles to distribution, co-authored by Hayden Bleasel and shadcn.
| 1 | Overview | Specification scope and goals | overview | | 2 | Principles | Core design philosophy | principles | | 3 | Definitions | Common terminology | definitions | | 4 | Composition | Breaking down complex components | composition | | 5 | Accessibility | Keyboard, screen readers, ARIA | accessibility |
| 6 | State | Controlled/uncontrolled patterns | state | | 7 | Types | TypeScript props and interfaces | types | | 8 | Polymorphism | Element switching with as prop | polymorphism | | 9 | As-Child | Radix Slot composition pattern | as-child | | 10 | Data Attributes | data-state and data-slot | data-attributes |
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/nolly-studio/components-build-skill --skill components-build- Kategorie
- *Kreativität
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist components-build?
Erstellen Sie moderne, zusammensetzbare und zugängliche React-UI-Komponenten gemäß der Components.build-Spezifikation. Wird zum Erstellen, Überprüfen oder Refactoring von Komponentenbibliotheken, Designsystemen oder wiederverwendbaren UI-Komponenten verwendet. Wird bei Aufgaben ausgelöst, die Komponenten-APIs, Kompositionsmuster, Barrierefreiheit, Stilsysteme oder TypeScript-Requisiten betreffen. Quelle: nolly-studio/components-build-skill.
Wie installiere ich components-build?
Ö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/nolly-studio/components-build-skill --skill components-build 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/nolly-studio/components-build-skill
Details
- Kategorie
- *Kreativität
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01