Frontend e UI
Agent-Native Plans
Trasforma piani testuali in documenti revisionabili con wireframe e prototipi.
Che cos’è
Una modalità di pianificazione strutturata per agenti di coding. I piani diventano documenti scorribili con diagrammi inline, codice, modelli dati, domande aperte e un canvas in cima o un prototipo live opzionali.
Generate rich visual plans as MDX with diagrams, API specs and zoomable wireframes, then recap what the agent did.
Perché conta per il design
- I piani UI si aprono con artboard di wireframe, uno per ogni stato visibile all’utente.
- Chi revisiona commenta su elementi ancorati invece di discutere in chat.
- I flussi a più passi ottengono un prototipo utilizzabile accanto ai mockup statici.
Cosa copre
- When to use
- Plan discipline
- Core workflow
- Visual surface choice
- Wireframe quality
- Self-review before handoff
Come installarlo
Agent-Native Plans
-
Clona il repository.
git clone https://github.com/BuilderIO/skills -
Punta Codex sul file della skill.
skills/visual-plan/SKILL.md -
Poi descrivi la UI che vuoi. Codex segue la skill.
Come usarlo con Codex
-
Installala con la CLI Agent-Native, poi esegui il comando /visual-plan.
-
Incolla un piano Codex o Markdown esistente da usare come sorgente.
-
Leggi i feedback, correggi il piano e verifica il risultato salvato.
Ogni plugin qui è gratuito, open source e rimanda alla sua vera fonte upstream.
Altro sulla lista codex-design ↗Altri plugin di design per Codex
Frontend e UI Cosa fa gpt-taste Costruisce landing page da premio con motion GSAP legato allo scroll e griglie bento senza vuoti. 
Design system Cosa fa Stitch Design Taste Scrive un DESIGN.md che guida Google Stitch verso schermate non generiche. 
Frontend e UI Cosa fa image-to-code Genera prima immagini di design, le analizza, poi costruisce il codice frontend corrispondente. 
Frontend e UI Cosa fa imagegen-frontend-mobile Genera flussi di schermate per app mobile di livello premium come immagini, non come codice. Prossimo passo
Progetta con Open Design, senza il setup
Installa questo plugin da solo, oppure porta attorno a Codex un intero strato di design curato con Open Design. Usa la tua chiave, resta padrone dell’output.