·design-builder
*

design-builder

✓
adeonir/agents-skillsGitHub: adeonir/agents-skillsFonte: adeonir/agents-skills

Pipeline dalla progettazione al codice: estrai la copia dagli URL, estrai i token di progettazione dalle immagini, quindi crea componenti React o varianti di anteprima HTML. Utilizzare quando: estrarre contenuti da siti Web, estrarre sistemi di progettazione, generare codice frontend, visualizzare in anteprima varianti di progettazione, inviare a Figma tramite MCP. Utilizzabile anche quando l'utente desidera creare una pagina da un URL di riferimento o da uno screenshot, riprogettare un sito esistente, creare prototipi visivi o generare codice da un progetto. Trigger su "estrai copia", "estrai design", "crea frontend", "genera varianti", "esporta design", "invia a Figma", "crea da riferimento", "ridisegna questo", "crea prototipo".

adeonir·design·builder
19Installazioni·1Tendenza·@adeonir

Installazione

GitHub: adeonir/agents-skills
$npx skills add https://github.com/adeonir/agents-skills --skill design-builder

Come installare design-builder

Installa rapidamente la skill AI design-builder nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/adeonir/agents-skills --skill design-builder
  3. 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: adeonir/agents-skills.

SKILL.md

Visualizza raw

Each step is independent. Can run isolated or chained. Discovery is always the first step -- never skip it.

If found: read and extract purpose, audience, tone, and key features. Skip to the relevant trigger operation.

If the user answers "I don't know" to any question, mark as TBD and move forward. Summarize understanding before proceeding.

Pipeline dalla progettazione al codice: estrai la copia dagli URL, estrai i token di progettazione dalle immagini, quindi crea componenti React o varianti di anteprima HTML. Utilizzare quando: estrarre contenuti da siti Web, estrarre sistemi di progettazione, generare codice frontend, visualizzare in anteprima varianti di progettazione, inviare a Figma tramite MCP. Utilizzabile anche quando l'utente desidera creare una pagina da un URL di riferimento o da uno screenshot, riprogettare un sito esistente, creare prototipi visivi o generare codice da un progetto. Trigger su "estrai copia", "estrai design", "crea frontend", "genera varianti", "esporta design", "invia a Figma", "crea da riferimento", "ridisegna questo", "crea prototipo". Fonte: adeonir/agents-skills.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/adeonir/agents-skills --skill design-builder
Fonte
adeonir/agents-skills
Categoria
*Creatività
Verificato
✓
Prima apparizione
2026-02-28
Aggiornato
2026-03-10
URL
https://www.learn-skills.dev/it/skills/adeonir/agents-skills/design-builder

Browse more skills from adeonir/agents-skills

Risposte rapide

Che cos'è design-builder?

Pipeline dalla progettazione al codice: estrai la copia dagli URL, estrai i token di progettazione dalle immagini, quindi crea componenti React o varianti di anteprima HTML. Utilizzare quando: estrarre contenuti da siti Web, estrarre sistemi di progettazione, generare codice frontend, visualizzare in anteprima varianti di progettazione, inviare a Figma tramite MCP. Utilizzabile anche quando l'utente desidera creare una pagina da un URL di riferimento o da uno screenshot, riprogettare un sito esistente, creare prototipi visivi o generare codice da un progetto. Trigger su "estrai copia", "estrai design", "crea frontend", "genera varianti", "esporta design", "invia a Figma", "crea da riferimento", "ridisegna questo", "crea prototipo". Fonte: adeonir/agents-skills.

Come installo design-builder?

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/adeonir/agents-skills --skill design-builder 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/adeonir/agents-skills

Dettagli

Categoria
*Creatività
Fonte
skills.sh
Prima apparizione
2026-02-28

Skills correlate

spec-driven
24 Installazioni
debug-tools
23 Installazioni
git-helpers
19 Installazioni