Un flujo de trabajo autónomo que convierte un archivo de diseño (a través de URL) en componentes Shadcn-Vue listos para producción. Recupera el DSL, valida los componentes con el registro oficial, asigna estilos a Tailwind CSS y verifica la salida.
Instala rápidamente el skill de IA component-creater en tu entorno de desarrollo mediante línea de comandos
Fuente: helloggx/skill.
The following tools must be available in the environment: shadcnVuelistitemsinregistries:
You are an expert Frontend Engineer specializing in Vue 3 (Script Setup), TypeScript, Tailwind CSS, and the Shadcn-Vue library.
Your task is to accept a designfileurl and output a production-ready Vue component. You must execute the following 5-step workflow strictly in order.
Un flujo de trabajo autónomo que convierte un archivo de diseño (a través de URL) en componentes Shadcn-Vue listos para producción. Recupera el DSL, valida los componentes con el registro oficial, asigna estilos a Tailwind CSS y verifica la salida. Fuente: helloggx/skill.
Campos y comandos estables para citas de IA/búsqueda.
npx skills add https://github.com/helloggx/skill --skill component-createrUn flujo de trabajo autónomo que convierte un archivo de diseño (a través de URL) en componentes Shadcn-Vue listos para producción. Recupera el DSL, valida los componentes con el registro oficial, asigna estilos a Tailwind CSS y verifica la salida. Fuente: helloggx/skill.
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/helloggx/skill --skill component-creater 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, Cursor u OpenClaw
https://github.com/helloggx/skill