Open Design: un estudio local para convertir agentes de código en herramientas de diseño
nexu-io/open-design · 98.056★ · 11.380 forks
Todo lo que hay que saber sobre nexu-io/open-design: una aplicación de escritorio local que conecta agentes de código con habilidades, sistemas de diseño y exportación de artefactos visuales.
Qué es Open Design
Open Design (OD) es un proyecto de código abierto de nexu-io que se presenta como alternativa a Claude Design. Es una aplicación de escritorio local para macOS y Windows, con una vía opcional AppImage para Linux, y también puede ejecutarse como aplicación web o con Docker. No incorpora un modelo propio: utiliza un agente de código ya instalado o una conexión BYOK compatible con OpenAI como motor de diseño.
El resultado no es un lienzo vectorial propietario. El agente crea archivos de proyecto —por ejemplo HTML, CSS y componentes— que se previsualizan en un iframe aislado y se pueden exportar como HTML, PDF, PPTX, ZIP, Markdown o MP4. El repositorio describe prototipos web, móviles y de escritorio, paneles interactivos, presentaciones, imágenes y gráficos en movimiento como sus superficies de salida.
El origen: una respuesta abierta a Claude Design
La organización nexu creó el repositorio el 28 de abril de 2026; su cuenta de GitHub se había creado el 24 de febrero de 2026. La API consultada no identifica a una persona concreta como creadora original, por lo que no es posible atribuir el lanzamiento a un individuo a partir de las fuentes recuperadas.
La motivación sí está expresada de forma muy directa en el README: Anthropic lanzó Claude Design en abril de 2026 y, según el proyecto, combinaba un flujo de descubrimiento del encargo, dirección, generación, crítica y entrega, pero era cerrado, de pago, alojado en la nube y ligado al ecosistema de Anthropic. Open Design propone abrir ese ciclo como directorios versionables de habilidades, plantillas, sistemas DESIGN.md y complementos, ejecutados por el agente que el usuario ya tiene en su equipo.

La tensión central es, por tanto, entre una experiencia integrada de un proveedor y una herramienta local que intenta conservar los archivos, el agente y la clave del usuario bajo su control. El primer lanzamiento publicado que recuperó la API fue open-design-v0.3.0, el 3 de mayo de 2026; la cronología muestra que el proyecto apareció pocos días después de la creación del repositorio.
Filosofía y principios
La propuesta se apoya en cuatro decisiones verificables del README y de la guía de contribución:
- El agente existente es el motor. OD detecta ejecutables de agentes locales y ofrece una ruta BYOK; su guía rechaza incorporar un tiempo de ejecución de modelo propio.
- Diseño como archivos portables. Habilidades, plantillas, complementos y sistemas
DESIGN.mdviven como carpetas que se pueden leer, versionar, modificar y compartir. - Contrato de marca antes que apariencia aislada. Cada generación puede leer un
DESIGN.mdy, en paquetes recientes,manifest.json,tokens.css, componentes, recursos y procedencia. - Local primero, con límites explícitos. El demonio se enlaza de forma predeterminada a
127.0.0.1, el acceso MCP es de solo lectura por defecto y el proxy BYOK incorpora protección SSRF. La documentación también aclara que cierta telemetría de seguridad y fiabilidad depurada permanece activa en compilaciones configuradas; no equivale a una promesa de ausencia absoluta de comunicaciones salientes.



Cómo funciona
La secuencia documentada equivale a encargo → complemento → dirección → sistema de diseño → artefacto → entrega → memoria:
- La persona describe el encargo y escoge una habilidad, plantilla o complemento.
- Selecciona una dirección visual o aporta marca, captura o URL para construir un
DESIGN.mdreutilizable. - El adaptador compone esa instrucción con el sistema de diseño y ejecuta el agente de código local; en la vía BYOK sin herramientas de archivos devuelve un bloque
<artifact>completo. - OD previsualiza el resultado aislado y lo entrega como código o mediante exportación.

La instalación MCP se concentra en od mcp install <agent>. El README documenta, entre otros, od mcp install claude, codex, cursor, copilot, openclaw, antigravity, hermes, kimi y opencode; --print muestra una vista previa y --uninstall revierte la configuración. Desde el agente se puede consultar el trabajo local con od project list --json, od files list <project-id> --json, od files read <project-id> <relative-path>, od plugin list --json y od skills list --json.
El núcleo técnico que documenta el proyecto es una interfaz Next.js 16 y React 18 dentro de Electron, un demonio local de Node 24 con Express, SQLite y transmisión SSE, y un servidor MCP por stdio. El catálogo declara más de 100 habilidades funcionales, 151 paquetes de sistemas de diseño y 277 complementos oficiales. La última afirmación es del propio README, no una auditoría independiente del contenido de cada paquete.
Estado oficial y semioficial
Open Design no es un producto oficial de Anthropic: el propio repositorio se posiciona explícitamente como una alternativa abierta a Claude Design. Tampoco se recuperó una fuente que pruebe aceptación en un mercado oficial de Anthropic, OpenAI, Figma o Cursor, ni una certificación de proveedor.
Sí existe una forma de distribución y extensión propia: el repositorio incluye un registro de complementos, una página de complementos dentro de la aplicación y documentación para publicar en registros externos como skills.sh y ClawHub. El programa Open Design Fellow, anunciado en el README, ofrece a participantes seleccionados una vía de revisión directa y representación regional; es un programa del proyecto, no una acreditación de terceros.
En la práctica, la compatibilidad documentada con numerosos clientes MCP y agentes de línea de comandos hace que sea interoperable con esos entornos. Esa compatibilidad no debe confundirse con aval, soporte o estándar formal de sus fabricantes.
El ecosistema
Repositorios de nexu-io
La consulta de la API devolvió 21 repositorios públicos de la organización. Los más cercanos a Open Design por descripción y función son:
nexu-io/agentic-design: espacio de diseño conversacional entre personas y agentes; 14 estrellas y 10 bifurcaciones.nexu-io/html-anything: editor HTML agentivo local con habilidades y superficies de publicación; 8.069 estrellas y 788 bifurcaciones.nexu-io/html-video: generación local de vídeo desde HTML, CSS y datos, con motores de renderización intercambiables; 4.247 estrellas y 534 bifurcaciones. Su descripción lo llama proyecto oficial del equipo de Open Design.nexu-io/motion-anything: motor abierto de animación conversacional; 641 estrellas y 69 bifurcaciones.nexu-io/codex-slides: estudio de presentaciones para Codex, con exportación PDF/PPTX; 748 estrellas y 62 bifurcaciones.nexu-io/open-design-agent-plugins: repositorio asociado de complementos para agentes; la API devolvió 0 estrellas y 0 bifurcaciones.nexu-io/od-contribute: flujo de contribución de un clic instalable mediantenpx skills add; 3 estrellas y 1 bifurcación.nexu-io/open-design-contributor-card: servicio Cloudflare Worker con D1 y R2 para tarjetas de contribución; 1 estrella y 3 bifurcaciones.
También aparecen nexu-io/design (sistema de diseño y prototipos), nexu-io/harness-engineering-guide (guía sobre entornos de ejecución de agentes), nexu-io/looper (equipo autónomo de agentes para repositorios GitHub) y nexu-io/nexu (cliente de escritorio para OpenClaw). Son proyectos hermanos recuperados de la misma organización; su relación funcional precisa con Open Design no se establece más allá de esas descripciones.

Procedencia, integraciones y extensiones
El README atribuye o enlaza piezas concretas del ecosistema: integra heygen-com/hyperframes para convertir HTML en MP4; incorpora la habilidad de presentaciones op7418/guizang-ppt-skill; cita lewislulu/html-ppt-skill como origen de una familia de plantillas; usa VoltAgent/awesome-design-md como antecedente de parte de sus sistemas DESIGN.md; y reconoce OpenCoworkAI/open-codesign y multica-ai/multica como referencias de flujo y arquitectura. Estas menciones documentan procedencia o integración, no propiedad común.
La API de GitHub identificó varias bifurcaciones visibles. aresbit/autoagent-design (54 estrellas) adopta otro nombre y se describe como AutoAgent-Design; agentik-os/Agentik-Design (2 estrellas) también cambia la marca. Los demás resultados de mayor visibilidad, como sholajegede/open-design (12 estrellas) y arupdas0825/open-design (11 estrellas), conservan la descripción del original; se informan como bifurcaciones, no como puertos independientes. No se verificó una bifurcación traducida con identidad propia en esa muestra.
En cambio, la internacionalización está dentro del repositorio principal: el README ofrece español, portugués brasileño, alemán, francés, chino simplificado y tradicional, coreano, japonés, árabe, ruso, ucraniano, turco y tailandés; la guía de contribución también mantiene varias traducciones. Son traducciones oficiales de documentación, no repositorios comunitarios separados.
Números del repo
Medición: 3 de agosto de 2026, 13:34 UTC−03; API de GitHub.
| Métrica | Valor |
|---|---|
| Estrellas | 83.367 |
| Bifurcaciones | 9.675 |
| Suscriptores reales | 259 |
| Commits | 3.051 |
| Incidencias abiertas indicadas por la API | 723 |
| Lenguaje principal | TypeScript |
| Licencia | Apache-2.0 |
| Creación | 28 de abril de 2026 |
| Último envío indicado | 3 de agosto de 2026, 16:09 UTC |
| Última versión publicada | open-design-v0.17.0, 3 de agosto de 2026, 13:33 UTC |
La página final indicada en la cabecera de paginación de la API de commits fue la 3.051, de ahí el conteo. Los contribuidores con más aportaciones en la respuesta de la API fueron lefarcen (363), PerishCode (189), pftom (121), cursoragent (116), Siri-Ray (87) y mrcfps (78). El campo watchers_count de la respuesta general repite el número de estrellas, por lo que aquí se informa subscribers_count como el número de suscriptores. Además, open_issues_count puede incluir solicitudes de cambios abiertas, no solo incidencias.
Cómo contribuir
El proyecto documenta contribuciones de código, documentación, adaptadores de agentes, habilidades, plantillas de diseño, sistemas de diseño y complementos. El camino básico es clonar, ejecutar corepack enable, pnpm install y pnpm tools-dev run web; antes de abrir una solicitud de cambios se piden pnpm guard, pnpm typecheck y las pruebas del paquete afectado.
Para un complemento, la guía exige open-design.json y la carga correspondiente; una habilidad o escenario requiere además SKILL.md. La validación documentada es od plugin validate, pnpm guard y pnpm --filter @open-design/plugin-runtime typecheck. Las aportaciones visuales deben adjuntar captura o vista previa en la plantilla de solicitud de cambios.

La política editorial incluye una sola preocupación por solicitud, título imperativo con ámbito, plantilla de solicitud cumplimentada y referencia a una incidencia para cambios no triviales. No hay CLA: las aportaciones quedan bajo Apache-2.0, salvo archivos empaquetados que mantengan otra licencia. Para empezar, el README enlaza las etiquetas good first issue y help wanted.
Cómo lo recibió la comunidad
La discusión recuperada muestra interés real, pero no consenso sobre el resultado visual ni la forma de presentar el producto:
- El envío de Hacker News 47985750, publicado por steveharing1 el 2 de mayo de 2026, enlazó directamente el repositorio y alcanzó 232 puntos y 92 comentarios. El autor agradeció la rapidez de la comunidad de código abierto. nilirl dijo que los ejemplos le parecían bellos y se preguntó cómo competiría un diseñador humano; es una reacción individual, no una evaluación de calidad.
- En ese mismo hilo, ricardobeat objetó que el estilo comercial del README le resultaba inquietante; ColinEberhardt lo consideró poco atractivo y Strom criticó la densidad de palabras de moda. ModernMech cuestionó el ritmo de crecimiento inicial de estrellas. Son observaciones de participantes; no prueban manipulación de métricas.
- También en 47985750, Saline9515 calificó el enfoque de Claude Design como costoso en tokens y tiempo y prefirió, por experiencia propia, prototipar interfaces con ChatGPT Image 2. NetOpWibby sostuvo que las interfaces generadas por modelos pueden parecer genéricas y sin personalidad. Ambas son opiniones personales y no comparativas con metodología publicada.
- El hilo 48140859, iniciado por splatzone el 14 de mayo de 2026, recibió 26 puntos y 7 comentarios. rida01 calificó Open Design de aceptable, pero menos pulido que Claude Design; ra0x3 lo consideró lo más cercano disponible por entonces, aunque tampoco al mismo nivel. Reubend recomendó Google Stitch como otra opción. El tamaño reducido de esta conversación limita cualquier conclusión general.
Open Design frente a otras propuestas
| Propuesta | Coincidencia verificable | Diferencia verificable |
|---|---|---|
| Claude Design | El README de Open Design lo identifica como la referencia funcional inmediata. | Open Design afirma ser Apache-2.0, local y compatible con agentes y claves intercambiables; Claude Design se describe en la fuente del proyecto como cerrado y vinculado a Anthropic. Esta caracterización procede de Open Design, no de documentación de Anthropic recuperada en esta ejecución. |
OpenCoworkAI/open-codesign | Su descripción declara una alternativa abierta a Claude Design, con generación de prototipos, diapositivas y PDF mediante BYOK. | Open Design lo cita como antecedente de patrones de interfaz. La API recuperada informó 7.649 estrellas y licencia MIT para open-codesign, frente a Apache-2.0 en Open Design. |
onlook-dev/onlook | Es una herramienta de diseño abierta con IA y edición visual de aplicaciones React. | Onlook se presenta como editor visual para React; Open Design se centra en un estudio local que orquesta agentes, archivos, sistemas DESIGN.md, MCP y exportación de varios tipos de artefacto. La API devolvió 26.397 estrellas para Onlook. |
superdesigndev/superdesign | Su descripción lo presenta como agente abierto de diseño de producto con IA. | La fuente recuperada no permite establecer una comparación técnica más precisa. La API informó 6.775 estrellas; por eso debe tratarse como propuesta adyacente, no como sustituto funcional probado. |
Casos de uso y a quién puede ayudar este repositorio
- Equipos de producto que ya usan un agente de código pueden convertir un encargo en un prototipo HTML, panel o presentación conservando el resultado como archivos editables y entregándolo después a ingeniería mediante el mismo agente.
- Equipos de marca o diseño pueden codificar tokens, tipografía, componentes y restricciones en
DESIGN.md, reutilizarlos en distintas salidas y reducir la divergencia entre un prototipo, un panel y una presentación. - Personas que necesitan artefactos de comunicación además de interfaz pueden usar las plantillas de presentaciones, imágenes y HyperFrames para generar PDF, PPTX o MP4; conviene verificar por separado la calidad de cada salida y las licencias de los recursos empaquetados.
- Desarrolladores que trabajan con Claude Code, Codex, Cursor, Copilot, Hermes u otros adaptadores documentados pueden instalar el servidor MCP y consultar proyectos, archivos, habilidades y complementos locales sin adjuntar exportaciones repetidas.
- Autores de flujos de trabajo para agentes pueden crear una habilidad, plantilla, sistema de diseño, adaptador o complemento validable mediante los contratos
SKILL.mdyopen-design.json, y publicar el resultado en el registro comunitario del proyecto.

Recursos
- Repositorio: https://github.com/nexu-io/open-design
- Documentación e instalación: https://github.com/nexu-io/open-design#quick-start
- Arquitectura: https://github.com/nexu-io/open-design/blob/main/docs/architecture.md
- Habilidades oficiales: https://github.com/nexu-io/open-design/tree/main/skills
- Complementos oficiales y comunitarios: https://github.com/nexu-io/open-design/tree/main/plugins
- Guía para contribuir: https://github.com/nexu-io/open-design/blob/main/CONTRIBUTING.md
- Versiones: https://github.com/nexu-io/open-design/releases
- Reseñas y conversaciones: https://news.ycombinator.com/item?id=47985750, https://news.ycombinator.com/item?id=48140859
- Comunidad y Discord: https://github.com/nexu-io/open-design/discussions, https://discord.gg/mHAjSMV6gz
Nota: este artículo combina el README y la guía de contribución de Open Design, la API de GitHub, los hilos de Hacker News y los repositorios enlazados por el propio proyecto, consultados el 3 de agosto de 2026. Las cifras cambian con el tiempo.
Comentarios