Installieren und verwenden Sie shadcn/ui mit Tailwind v4 und Next.js (App Router), Vite oder manueller Einrichtung; Komponenten.json konfigurieren, Komponenten über CLI hinzufügen, Themes nur mit CSS erstellen. Verwenden Sie diese Option, wenn Sie shadcn/ui hinzufügen, shadcn installieren, Button, Card, Dialog, Form oder andere shadcn-Komponenten verwenden oder wenn der Benutzer shadcn, shadcn/ui oder Radix UI mit Tailwind erwähnt.
Installieren Sie den KI-Skill shadcn-ui schnell in Ihrer Entwicklungsumgebung über die Kommandozeile
Quelle: enderpuentes/ai-agent-skills.
shadcn/ui is a collection of accessible, customizable React components built on Radix UI and Tailwind CSS. Components are copied into your project (no npm package); you own and edit the code. Works with Next.js (App Router), Vite, and other React frameworks.
Principles: Open code (AI-ready), composable API, beautiful defaults, distribution via CLI and schema. Requires Tailwind v4 and path alias @/. We do not use tailwind.config.js; theme and setup are CSS-only (@import "tailwindcss" + @theme).
Choose framework (Next.js, Vite, etc.), style (new-york recommended), base color, and CSS variables. Then add components as needed.
Installieren und verwenden Sie shadcn/ui mit Tailwind v4 und Next.js (App Router), Vite oder manueller Einrichtung; Komponenten.json konfigurieren, Komponenten über CLI hinzufügen, Themes nur mit CSS erstellen. Verwenden Sie diese Option, wenn Sie shadcn/ui hinzufügen, shadcn installieren, Button, Card, Dialog, Form oder andere shadcn-Komponenten verwenden oder wenn der Benutzer shadcn, shadcn/ui oder Radix UI mit Tailwind erwähnt. Quelle: enderpuentes/ai-agent-skills.
Stabile Felder und Befehle für KI/Such-Zitate.
npx skills add https://github.com/enderpuentes/ai-agent-skills --skill shadcn-uiInstallieren und verwenden Sie shadcn/ui mit Tailwind v4 und Next.js (App Router), Vite oder manueller Einrichtung; Komponenten.json konfigurieren, Komponenten über CLI hinzufügen, Themes nur mit CSS erstellen. Verwenden Sie diese Option, wenn Sie shadcn/ui hinzufügen, shadcn installieren, Button, Card, Dialog, Form oder andere shadcn-Komponenten verwenden oder wenn der Benutzer shadcn, shadcn/ui oder Radix UI mit Tailwind erwähnt. Quelle: enderpuentes/ai-agent-skills.
Ö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/enderpuentes/ai-agent-skills --skill shadcn-ui Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw
https://github.com/enderpuentes/ai-agent-skills