Estrai i sistemi di progettazione dalle immagini dell'interfaccia utente di riferimento e genera istruzioni di progettazione dell'interfaccia utente pronte per l'implementazione. Da utilizzare quando gli utenti forniscono screenshot/prototipi dell'interfaccia utente e desiderano creare progetti coerenti, generare sistemi di progettazione o creare interfacce utente MVP che corrispondano all'estetica di riferimento.
Installa rapidamente la skill AI ui-designer nel tuo ambiente di sviluppo tramite riga di comando
Fonte: daymade/claude-code-skills.
This skill enables systematic extraction of design systems from reference UI images through a multi-step workflow: analyze visual patterns → generate design system documentation → create PRD → produce implementation-ready UI prompts.
Save as variable for Step 4 (optionally save to documents/prd/)
Use the final composed prompt from Step 4 to implement UI in React project.
Estrai i sistemi di progettazione dalle immagini dell'interfaccia utente di riferimento e genera istruzioni di progettazione dell'interfaccia utente pronte per l'implementazione. Da utilizzare quando gli utenti forniscono screenshot/prototipi dell'interfaccia utente e desiderano creare progetti coerenti, generare sistemi di progettazione o creare interfacce utente MVP che corrispondano all'estetica di riferimento. Fonte: daymade/claude-code-skills.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/daymade/claude-code-skills --skill ui-designerEstrai i sistemi di progettazione dalle immagini dell'interfaccia utente di riferimento e genera istruzioni di progettazione dell'interfaccia utente pronte per l'implementazione. Da utilizzare quando gli utenti forniscono screenshot/prototipi dell'interfaccia utente e desiderano creare progetti coerenti, generare sistemi di progettazione o creare interfacce utente MVP che corrispondano all'estetica di riferimento. Fonte: daymade/claude-code-skills.
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/daymade/claude-code-skills --skill ui-designer 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/daymade/claude-code-skills