Frontend y UI
Agent-Native Plans
Convierte planes de texto en documentos revisables con wireframes y prototipos.
Qué es
Un modo de planificación estructurado para agentes de código. Los planes se convierten en documentos fáciles de escanear con diagramas en línea, código, modelos de datos, preguntas abiertas y un lienzo superior opcional o un prototipo en vivo.
Generate rich visual plans as MDX with diagrams, API specs and zoomable wireframes, then recap what the agent did.
Por qué importa para el diseño
- Los planes de UI abren con artboards de wireframe, uno por cada estado visible para el usuario.
- Los revisores comentan sobre elementos anclados en vez de discutir en el chat.
- Los flujos de varios pasos obtienen un prototipo operable junto a los mockups estáticos.
Qué cubre
- When to use
- Plan discipline
- Core workflow
- Visual surface choice
- Wireframe quality
- Self-review before handoff
Cómo instalarlo
Agent-Native Plans
-
Clona el repositorio.
git clone https://github.com/BuilderIO/skills -
Señálale a Codex el archivo de la skill.
skills/visual-plan/SKILL.md -
Luego describe la interfaz que quieres. Codex sigue la skill.
Cómo ejecutarlo con Codex
-
Instálala con la CLI Agent-Native, y luego ejecuta el comando /visual-plan.
-
Pega un plan existente de Codex o Markdown para usarlo como fuente.
-
Lee el feedback, parchea el plan y verifica el resultado guardado.
Todos los plugins de esta colección son gratuitos, de código abierto y enlazan a su fuente original real.
Más en la lista codex-design ↗Más plugins de diseño para Codex
Frontend y UI Qué hace gpt-taste Crea landing pages de estilo premiado con movimiento de scroll GSAP y rejillas bento sin huecos. 
Sistemas de diseño Qué hace Stitch Design Taste Escribe un DESIGN.md que orienta a Google Stitch hacia pantallas que no son genéricas. 
Frontend y UI Qué hace image-to-code Primero genera imágenes de diseño, las analiza y luego construye el código frontend correspondiente. 
Frontend y UI Qué hace imagegen-frontend-mobile Genera flujos de pantallas de apps móviles premium como imágenes, no como código. Siguiente paso
Diseña con Open Design, sin montar nada
Instálalo tú mismo, o ejecuta toda una capa de diseño curada alrededor de Codex con Open Design. Trae tu propia key: lo que produzcas es tuyo.