Communitygithub.com

unovue/shadcn-vue

Gestiona componentes y proyectos de shadcn-vue: agregar, buscar, corregir, depurar, estilizar y componer UI. Proporciona contexto del proyecto, documentación de componentes y ejemplos de uso.

¿Qué es shadcn-vue?

Esta habilidad está diseñada para trabajar con shadcn-vue, una colección de componentes reutilizables para Vue.js basados en Radix Vue y Tailwind CSS. Permite a desarrolladores y agentes de IA realizar tareas comunes como agregar nuevos componentes desde el registro oficial, buscar componentes existentes, corregir problemas de configuración o estilización, depurar errores de integración, y componer interfaces de usuario de manera eficiente. Soporta proyectos que utilicen archivos components.json, códigos --preset, o flujos de trabajo como "shadcn-vue init", "create an app with --preset", o "switch to --preset". Es útil en entornos como Claude Code, Cursor, Codex y otras herramientas de desarrollo que permitan ejecutar comandos de shadcn-vue. La habilidad se activa automáticamente cuando se detecta un contexto relacionado con shadcn-vue, proporcionando acceso rápido a documentación oficial, ejemplos de uso y comandos de terminal, lo que acelera el desarrollo y reduce errores manuales.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/unovue/shadcn-vue/tree/main/skills/shadcn-vue

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

¿Qué hace shadcn-vue?

Gestiona componentes y proyectos de shadcn-vue: agregar, buscar, corregir, depurar, estilizar y componer UI. Proporciona contexto del proyecto, documentación de componentes y ejemplos de uso. Se aplica cuando se trabaja con shadcn-vue, registros de componentes, presets, códigos --preset, o cualquier proyecto con un archivo components.json. También se activa para "shadcn-vue init", "crear una app con --preset", o "cambiar a --preset".

Skills relacionados