·shadcn-vue
</>

shadcn-vue

noartem/laravel-vue-skills

shadcn-vue para Vue/Nuxt con componentes Reka UI y Tailwind. Úselo para UI accesible, formulario automático, tablas de datos, gráficos, modo oscuro, configuración del servidor MCP o para encontrar importaciones de componentes, errores de UI de Reka.

166Instalaciones·6Tendencia·@noartem

Instalación

$npx skills add https://github.com/noartem/laravel-vue-skills --skill shadcn-vue

SKILL.md

| Enable CSS variables | components.json → tailwind.cssVariables: true | | Add registry namespace | components.json → registries map | | Opencode MCP init | npx shadcn-vue@latest mcp init --client opencode | | Codex MCP config | /.codex/config.toml with mcpservers.shadcn |

Full example: See templates/components.json or generate via npx shadcn-vue@latest init

The @/lib/utils.ts file provides the cn() helper for merging Tailwind classes:

shadcn-vue para Vue/Nuxt con componentes Reka UI y Tailwind. Úselo para UI accesible, formulario automático, tablas de datos, gráficos, modo oscuro, configuración del servidor MCP o para encontrar importaciones de componentes, errores de UI de Reka. Fuente: noartem/laravel-vue-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/noartem/laravel-vue-skills --skill shadcn-vue
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-02-01
Actualizado
2026-02-18

Respuestas rápidas

¿Qué es shadcn-vue?

shadcn-vue para Vue/Nuxt con componentes Reka UI y Tailwind. Úselo para UI accesible, formulario automático, tablas de datos, gráficos, modo oscuro, configuración del servidor MCP o para encontrar importaciones de componentes, errores de UI de Reka. Fuente: noartem/laravel-vue-skills.

¿Cómo instalo shadcn-vue?

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/noartem/laravel-vue-skills --skill shadcn-vue 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/noartem/laravel-vue-skills