Communitygithub.com

prof-ramos/shadcn-ui-skill

Umfassende shadcn/ui-Fähigkeit für Claude Code – Installationsanleitungen, Komponentenbeispiele und Best Practices für die Verwendung von shadcn/ui in React-Projekten.

Was ist shadcn-ui-skill?

Dieses Skill für Claude Code (prof-ramos/shadcn-ui-skill) bietet eine vollständige Referenz und Unterstützung für shadcn/ui, einer Sammlung von wiederverwendbaren React-Komponenten, die auf Radix UI und Tailwind CSS basieren. Es umfasst Installationsanleitungen, detaillierte Beispiele für über 50 Komponenten wie Buttons, Cards, Dialogen und Formularen sowie Best Practices für die Integration in bestehende oder neue React-Projekte. Der Skill ist besonders nützlich für Entwickler, die schnell konsistente und barrierefreie UI-Komponenten in ihre Anwendungen einbinden möchten, ohne jedes Mal die offizielle Dokumentation durchsuchen zu müssen. Er unterstützt sowohl Next.js als auch Vite als Build-Tools und erklärt die Konfiguration von Tailwind CSS sowie die Verwendung von Theme-Variablen und Dark Mode. Dank der strukturierten Anleitung können Entwickler direkt in Claude Code nach spezifischen Komponenten fragen und erhalten sofort einsatzbereiten Code sowie Best Practices, was die Entwicklungsgeschwindigkeit erheblich steigert.

Funktioniert mit✓Claude Code~Codex CLI~Cursor
npx skills add prof-ramos/shadcn-ui-skill

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht shadcn-ui-skill?

Umfassende shadcn/ui-Fähigkeit für Claude Code – Installationsanleitungen, Komponentenbeispiele und Best Practices für die Verwendung von shadcn/ui in React-Projekten.

Verwandte Skills