shadcn-component-review
✓Überprüfen Sie benutzerdefinierte Komponenten und Layouts anhand von Shadcn-Designmustern, Themenstilen (Maia, Vega, Lyra, Nova, Mira), Komponentenstruktur, Zusammensetzbarkeit und Best Practices für die Radix-Benutzeroberfläche. Verwenden Sie es, wenn Sie neue Komponenten planen, vorhandene Komponenten überprüfen, Abstände prüfen, die Komponentenstruktur überprüfen oder die Ausrichtung von Schatten-Best-Practices überprüfen.
Installation
SKILL.md
Systematic review process for ensuring custom components and layouts align with shadcn design patterns, official theme styles, and Radix UI best practices.
Use gap- for flex/grid containers. Spacing varies by theme style:
| Vega | Standard | Classic shadcn | | Nova | Compact | Reduced padding/margins | | Maia | Generous | Soft, rounded | | Lyra | Standard | Boxy, sharp | | Mira | Dense | Compact interfaces |
Überprüfen Sie benutzerdefinierte Komponenten und Layouts anhand von Shadcn-Designmustern, Themenstilen (Maia, Vega, Lyra, Nova, Mira), Komponentenstruktur, Zusammensetzbarkeit und Best Practices für die Radix-Benutzeroberfläche. Verwenden Sie es, wenn Sie neue Komponenten planen, vorhandene Komponenten überprüfen, Abstände prüfen, die Komponentenstruktur überprüfen oder die Ausrichtung von Schatten-Best-Practices überprüfen. Quelle: mattbx/shadcn-skills.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/mattbx/shadcn-skills --skill shadcn-component-review- Quelle
- mattbx/shadcn-skills
- Kategorie
- *Kreativität
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-17
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist shadcn-component-review?
Überprüfen Sie benutzerdefinierte Komponenten und Layouts anhand von Shadcn-Designmustern, Themenstilen (Maia, Vega, Lyra, Nova, Mira), Komponentenstruktur, Zusammensetzbarkeit und Best Practices für die Radix-Benutzeroberfläche. Verwenden Sie es, wenn Sie neue Komponenten planen, vorhandene Komponenten überprüfen, Abstände prüfen, die Komponentenstruktur überprüfen oder die Ausrichtung von Schatten-Best-Practices überprüfen. Quelle: mattbx/shadcn-skills.
Wie installiere ich shadcn-component-review?
Ö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/mattbx/shadcn-skills --skill shadcn-component-review 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/mattbx/shadcn-skills
Details
- Kategorie
- *Kreativität
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-17