·nextjs-shadcn
</>

nextjs-shadcn

laguagu/claude-code-nextjs-skills

Crea interfaces Next.js 16 con shadcn/ui. Úselo al crear interfaces de usuario, componentes, páginas o aplicaciones de React con shadcn, Tailwind o patrones de interfaz modernos.

21Instalaciones·0Tendencia·@laguagu

Instalación

$npx skills add https://github.com/laguagu/claude-code-nextjs-skills --skill nextjs-shadcn

SKILL.md

Build distinctive, production-grade interfaces that avoid generic "AI slop" aesthetics.

Always use @/ alias (e.g., @/lib/utils) instead of relative paths (../../lib/utils).

Use proxy.ts for request interception (replaces middleware). Place at project root:

Crea interfaces Next.js 16 con shadcn/ui. Úselo al crear interfaces de usuario, componentes, páginas o aplicaciones de React con shadcn, Tailwind o patrones de interfaz modernos. Fuente: laguagu/claude-code-nextjs-skills.

Ver original

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/laguagu/claude-code-nextjs-skills --skill nextjs-shadcn
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-02-01
Actualizado
2026-02-18

Respuestas rápidas

¿Qué es nextjs-shadcn?

Crea interfaces Next.js 16 con shadcn/ui. Úselo al crear interfaces de usuario, componentes, páginas o aplicaciones de React con shadcn, Tailwind o patrones de interfaz modernos. Fuente: laguagu/claude-code-nextjs-skills.

¿Cómo instalo nextjs-shadcn?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/laguagu/claude-code-nextjs-skills --skill nextjs-shadcn Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor

¿Dónde está el repositorio de origen?

https://github.com/laguagu/claude-code-nextjs-skills