lab
Esc

Prueba con

↑↓ para moverte · Enter para abrir · también en /buscar?q= para agentes

sistema intermedio disenoclaude-codecodexmcp

OpenDesign: crea y revisa prototipos con agentes de programación

Transforma un brief en un prototipo y comparte comentarios para iterarlo con un agente dentro de un espacio de diseño.

✓ verificado el 26 oct 2026

Instrucciones para tu agente

Esto es lo que se copia. Pégaselo a tu agente y te lo monta paso a paso.

O ábrelo directamente en ClaudeChatGPT

Pega este texto a tu agente (Claude Code, Codex, OpenCode, Hermes o el que uses) y dile «ayúdame a montarlo». Son los pasos para ponerlo en marcha; el porqué de cada pieza está en la guía completa.


Para el agente: cómo acompañar al usuario

  1. Pregunta primero para qué lo quiere. Si su objetivo no necesita algún paso, sáltalo.
  2. Antes de instalar, comprueba lo que ya tiene (versiones, claves, sistema operativo).
  3. Avanza un paso cada vez: explica en una frase qué vas a hacer y deja que el usuario lo ejecute o lo apruebe.
  4. Tras cada paso, comprueba que funcionó antes de seguir. Si falla, para y explica el error.
  5. No inventes comandos ni opciones: si la documentación del proyecto contradice estos pasos, manda la documentación.
  6. Al terminar, haz una prueba real con el objetivo del usuario y dile dónde profundizar.

Pasos de configuración

Paso 1: elige una instalación oficial

Descarga la aplicación oficial de macOS o Windows desde Releases y completa la configuración de agente; esta ruta no requiere Node ni pnpm. No hay distribución Linux precompilada: sigue su ruta desde código en QUICKSTART.md si usas ese sistema.

Paso 2: conecta tu arnés

Para la aplicación de escritorio, abre Settings → MCP server y copia el fragmento específico de tu cliente. Esa vía usa rutas absolutas y evita confundir la CLI con /usr/bin/od, la utilidad del sistema en macOS o WSL2. Solo si tu terminal resuelve la CLI de OpenDesign, el README documenta esta sintaxis:

od mcp install <agent>

Sustituye el parámetro por uno de los clientes admitidos, como claude o codex. Crea un proyecto de prueba con una descripción pequeña y revisa la vista previa.

Comprobación

Comprueba que el cliente puede listar el proyecto y que una modificación solicitada aparece en sus archivos y en la vista previa. Verifica dónde se ejecuta el modelo.

Si algo falla

Si no aparece MCP, revisa el cliente seleccionado y su configuración. Si un plugin falla, consulta su información y requisitos antes de cambiar el proyecto completo.

ver en .md ¿Prefieres el recurso entero?

Qué es

OpenDesign es un espacio de diseño y creación asistida por agentes. Combina proyectos, sistemas de diseño, medios y plugins para producir prototipos que se pueden revisar e iterar.

Para qué te sirve

  • Cuando necesitas pasar de una descripción a una interfaz que puedas mostrar.
  • Cuando quieres mantener referencias de marca y comentarios junto al prototipo.
  • Cuando un agente debe consultar y modificar archivos de un proyecto de diseño mediante herramientas estructuradas.

Cómo funciona

El espacio organiza entregables y recursos por proyecto. La integración MCP y la CLI dan acceso a proyectos, archivos y plugins desde distintos arneses. Los comentarios y la vista previa forman parte del ciclo de revisión con el equipo.

El repositorio actual también presenta una opción cloud. Que exista una instalación propia no convierte en locales los modelos ni los conectores que configures.

Antes de empezar

Elige instalación de escritorio, despliegue propio o cloud desde su documentación. Necesitas un agente o proveedor que pueda generar y editar el trabajo. La guía de desarrollo usa Node y pnpm; no confundas construir el proyecto con instalar una distribución para uso normal.

Límites y alternativas

Una vista previa no garantiza que el prototipo cumpla accesibilidad, requisitos funcionales o condiciones de publicación. Revisa los archivos exportados y las dependencias. Para un diseño ya mantenido en otro sistema, evita crear dos fuentes de componentes y marca sin una política de sincronización.

Recursos

  • Repositorio y README - 104151 estrellas; licencia detectada por GitHub: Apache-2.0.
  • Licencia - Consulta sus condiciones antes de reutilizar el proyecto.