Un flusso di lavoro autonomo che converte un file di progettazione (tramite URL) in componenti Shadcn-Vue pronti per la produzione. Recupera il DSL, convalida i componenti rispetto al registro ufficiale, mappa gli stili su Tailwind CSS e verifica l'output.
Installa rapidamente la skill AI component-creater nel tuo ambiente di sviluppo tramite riga di comando
Fonte: 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 flusso di lavoro autonomo che converte un file di progettazione (tramite URL) in componenti Shadcn-Vue pronti per la produzione. Recupera il DSL, convalida i componenti rispetto al registro ufficiale, mappa gli stili su Tailwind CSS e verifica l'output. Fonte: helloggx/skill.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/helloggx/skill --skill component-createrUn flusso di lavoro autonomo che converte un file di progettazione (tramite URL) in componenti Shadcn-Vue pronti per la produzione. Recupera il DSL, convalida i componenti rispetto al registro ufficiale, mappa gli stili su Tailwind CSS e verifica l'output. Fonte: helloggx/skill.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/helloggx/skill --skill component-creater Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
https://github.com/helloggx/skill