shadcn
Best Practices und Muster der shadcn/ui-Komponentenbibliothek (ehemals shadcn-ui). Diese Fähigkeit sollte beim Schreiben, Überprüfen oder Refactoring von shadcn/ui-Komponenten verwendet werden, um die richtige Architektur, Zugänglichkeit und Leistung sicherzustellen. Wird bei Aufgaben ausgelöst, die Radix-Primitive, Tailwind-Styling, Formularvalidierung mit React Hook Form, Datentabellen, Theming oder Komponentenzusammensetzungsmuster umfassen.
Installation
SKILL.md
Comprehensive best practices guide for shadcn/ui applications, maintained by the shadcn/ui community. Contains 42 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.
| 1 | Component Architecture | CRITICAL | arch- | | 2 | Accessibility Preservation | CRITICAL | ally- | | 3 | Styling & Theming | HIGH | style- | | 4 | Form Patterns | HIGH | form- | | 5 | Data Display | MEDIUM-HIGH | data- | | 6 | Component Composition | MEDIUM | comp- | | 7 | Performance Optimization | MEDIUM | perf- |
| 8 | State Management | LOW-MEDIUM | state- |
Best Practices und Muster der shadcn/ui-Komponentenbibliothek (ehemals shadcn-ui). Diese Fähigkeit sollte beim Schreiben, Überprüfen oder Refactoring von shadcn/ui-Komponenten verwendet werden, um die richtige Architektur, Zugänglichkeit und Leistung sicherzustellen. Wird bei Aufgaben ausgelöst, die Radix-Primitive, Tailwind-Styling, Formularvalidierung mit React Hook Form, Datentabellen, Theming oder Komponentenzusammensetzungsmuster umfassen. Quelle: thongdn-it/react-agent-skills.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/thongdn-it/react-agent-skills --skill shadcn- Kategorie
- </>Entwicklung
- Verifiziert
- —
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist shadcn?
Best Practices und Muster der shadcn/ui-Komponentenbibliothek (ehemals shadcn-ui). Diese Fähigkeit sollte beim Schreiben, Überprüfen oder Refactoring von shadcn/ui-Komponenten verwendet werden, um die richtige Architektur, Zugänglichkeit und Leistung sicherzustellen. Wird bei Aufgaben ausgelöst, die Radix-Primitive, Tailwind-Styling, Formularvalidierung mit React Hook Form, Datentabellen, Theming oder Komponentenzusammensetzungsmuster umfassen. Quelle: thongdn-it/react-agent-skills.
Wie installiere ich shadcn?
Ö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/thongdn-it/react-agent-skills --skill shadcn 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/thongdn-it/react-agent-skills
Details
- Kategorie
- </>Entwicklung
- Quelle
- user
- Erstes Auftreten
- 2026-02-01