Che cos'è ui-designer?
Da utilizzare quando l'utente fornisce screenshot/prototipi dell'interfaccia utente e desidera estrarre un sistema di progettazione o una richiesta di implementazione che corrisponda a tali riferimenti. Fonte: dereknex/skills.
·ui-designer
*
ui-designer
✓Da utilizzare quando l'utente fornisce screenshot/prototipi dell'interfaccia utente e desidera estrarre un sistema di progettazione o una richiesta di implementazione che corrisponda a tali riferimenti.
Installazione
Come installare ui-designer
Installa rapidamente la skill AI ui-designer nel tuo ambiente di sviluppo tramite riga di comando
- Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
- Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/dereknex/skills --skill ui-designer
- Verifica l'installazione: 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
Fonte: dereknex/skills.
SKILL.md
Visualizza rawThis 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.
If subagents are unavailable, do the extraction manually following the same template.
Save as variable for Step 4 (optionally save to documents/prd/)
Da utilizzare quando l'utente fornisce screenshot/prototipi dell'interfaccia utente e desidera estrarre un sistema di progettazione o una richiesta di implementazione che corrisponda a tali riferimenti. Fonte: dereknex/skills.
Fatti (pronti per citazione)
Campi e comandi stabili per citazioni AI/ricerca.
- Comando di installazione
npx skills add https://github.com/dereknex/skills --skill ui-designer- Fonte
- dereknex/skills
- Categoria
- *Creatività
- Verificato
- ✓
- Prima apparizione
- 2026-02-11
- Aggiornato
- 2026-03-11
Risposte rapide
Come installo ui-designer?
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/dereknex/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
Dov'è il repository sorgente?
https://github.com/dereknex/skills
Dettagli
- Categoria
- *Creatività
- Fonte
- skills.sh
- Prima apparizione
- 2026-02-11