Volver a Agent Skills
Frontend y Diseño Destacado
shadcn
por Julien Thibeaut (ui-skills.com) 3.7k Estrellas en GitHub
Add, search, fix, style, and compose shadcn/ui components and registries, with project context and usage examples.
#shadcn#components#registry#ui
Claude Code Codex
Descripción General
The shadcn skill manages shadcn/ui projects end to end — adding and searching components, fixing and styling them, composing UI including chat interfaces, and working with registries, presets, and components.json. It supplies project context and component docs so agents use shadcn patterns correctly.
Para qué sirve
- Adding and composing shadcn components
- Initializing a project with a preset
- Debugging a components.json setup
- Building a chat UI with shadcn
Instalar
Instalar en Claude Code
# Add the marketplace, then install the skill in Claude Code:
/plugin marketplace add ibelick/ui-skills
/plugin install shadcn
# Or install manually into ~/.claude/skills:
git clone https://github.com/ibelick/ui-skills.git
cp -r ui-skills/shadcn ~/.claude/skills/shadcnExplora herramientas de IA
Las mejores herramientas de IA que complementan tus habilidades
Lee artículos sobre IA y diseño
Consejos y tendencias en el mundo del diseño y la IA
Skills Relacionados
Frontend y Diseño
Frontend Design
Create distinctive, production-grade frontend interfaces that avoid generic AI aesthetics — pages, components, artifacts, and posters.
Claude Code Codex
Frontend y Diseño Web Artifacts Builder
Construct complex, multi-component HTML artifacts for Claude.ai using React and Tailwind.
Claude Code Codex
Frontend y Diseño Animation Systems
Product-grade web motion like Stripe, Linear, Apple, and Vercel — easing/duration defaults, choreography, performance, and reduced-motion.
Claude Code Codex