Installa e utilizza shadcn/ui con Tailwind v4 e Next.js (App Router), Vite o la configurazione manuale; configurare componenti.json, aggiungere componenti tramite CLI, temi solo con CSS. Da utilizzare quando si aggiunge shadcn/ui, si installa shadcn, si utilizza Button, Card, Dialog, Form o altri componenti shadcn o quando l'utente menziona shadcn, shadcn/ui o Radix UI con Tailwind.
Installa rapidamente la skill AI shadcn-ui nel tuo ambiente di sviluppo tramite riga di comando
Fonte: 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.
Installa e utilizza shadcn/ui con Tailwind v4 e Next.js (App Router), Vite o la configurazione manuale; configurare componenti.json, aggiungere componenti tramite CLI, temi solo con CSS. Da utilizzare quando si aggiunge shadcn/ui, si installa shadcn, si utilizza Button, Card, Dialog, Form o altri componenti shadcn o quando l'utente menziona shadcn, shadcn/ui o Radix UI con Tailwind. Fonte: enderpuentes/ai-agent-skills.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/enderpuentes/ai-agent-skills --skill shadcn-uiInstalla e utilizza shadcn/ui con Tailwind v4 e Next.js (App Router), Vite o la configurazione manuale; configurare componenti.json, aggiungere componenti tramite CLI, temi solo con CSS. Da utilizzare quando si aggiunge shadcn/ui, si installa shadcn, si utilizza Button, Card, Dialog, Form o altri componenti shadcn o quando l'utente menziona shadcn, shadcn/ui o Radix UI con Tailwind. Fonte: enderpuentes/ai-agent-skills.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/enderpuentes/ai-agent-skills --skill shadcn-ui Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
https://github.com/enderpuentes/ai-agent-skills