Converti gli screenshot dell'interfaccia utente in codice HTML/CSS/React/Vue funzionante. Rileva modelli di progettazione, componenti e genera layout reattivi. Utilizzalo quando gli utenti forniscono screenshot di siti Web, app o progetti di interfaccia utente e desiderano l'implementazione del codice.
Installa rapidamente la skill AI screenshot-to-code nel tuo ambiente di sviluppo tramite riga di comando
Fonte: gked2121/claude-skills.
Convert UI screenshots into production-ready code with accurate styling and structure.
When a user provides a screenshot of a UI design:
Default: If not specified, use React with Tailwind CSS for modern designs, or plain HTML/CSS for simple pages.
Converti gli screenshot dell'interfaccia utente in codice HTML/CSS/React/Vue funzionante. Rileva modelli di progettazione, componenti e genera layout reattivi. Utilizzalo quando gli utenti forniscono screenshot di siti Web, app o progetti di interfaccia utente e desiderano l'implementazione del codice. Fonte: gked2121/claude-skills.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/gked2121/claude-skills --skill screenshot-to-codeConverti gli screenshot dell'interfaccia utente in codice HTML/CSS/React/Vue funzionante. Rileva modelli di progettazione, componenti e genera layout reattivi. Utilizzalo quando gli utenti forniscono screenshot di siti Web, app o progetti di interfaccia utente e desiderano l'implementazione del codice. Fonte: gked2121/claude-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/gked2121/claude-skills --skill screenshot-to-code 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/gked2121/claude-skills