Diseño Abierto: Alternativa de Código Abierto a Claude Design que Funciona en tus Agentes CLI Locales

Open Design (OD) es una alternativa de código abierto a Claude Design de Anthropic, lanzada el 2026-04-17 en Opus 4.7. A diferencia del original cerrado, solo de pago y solo en la nube, OD es local-first, desplegable en web y BYOK en cada capa. Detecta automáticamente 11 CLIs de agentes de codificación en tu PATH—Claude Code, Codex, Cursor Agent, Gemini CLI, OpenCode, Qwen, GitHub Copilot CLI, Hermes, Kimi, Pi, Kiro—y los integra en un flujo de trabajo de diseño basado en habilidades. ¿No tienes CLI? Un proxy BYOK compatible con OpenAI funciona con el mismo bucle sin el spawn.

Características clave

• 72 sistemas de diseño de nivel de marca y 31 habilidades componibles (incluyendo el paquete skills/guizang-ppt-skill de op7418/guizang-ppt-skill para presentaciones estilo revista con héroe WebGL y listas de verificación P0/P1/P2)
• Protocolo de activos de marca en 5 pasos de alchaincyf/huashu-design, con lista de verificación anti-AI-slop y autocrítica en 5 dimensiones; selector de dirección ofrece 5 escuelas × 20 filosofías de diseño
• Plan TodoWrite en vivo que se transmite a la interfaz; el agente construye una carpeta de proyecto real en disco con plantilla semilla, biblioteca de diseño y lista de verificación de autoevaluación
• Vista previa en iframe sandboxed (React 18 + Babel empaquetados) con panel de agente en vivo que muestra tareas, llamadas a herramientas y generación interrumpible
• Exportación a HTML, PDF, PPTX, ZIP, Markdown
• Se ejecuta localmente mediante pnpm tools-dev; la capa web se puede desplegar en Vercel

Arquitectura

OD se basa en cuatro proyectos de código abierto: huashu-design (filosofía de diseño), guizang-ppt-skill (modo presentación), open-codesign (bucle de artefactos en streaming, vista previa en vivo) y multica (demonio y tiempo de ejecución, escaneo de PATH). La pila de instrucciones entrena al LLM para comportarse como un diseñador senior con un sistema de archivos funcional, una biblioteca de paletas determinista y una cultura de listas de verificación.

Flujo de trabajo típico: un prompt como "hazme una presentación tipo revista para nuestra ronda semilla" activa un formulario interactivo de preguntas, el agente selecciona una de cinco direcciones visuales curadas, transmite un plan TodoWrite, construye una carpeta de proyecto, ejecuta verificaciones previas, realiza una crítica en cinco dimensiones y emite un solo <artifact> renderizado en un iframe sandboxed.

Para quién es

Desarrolladores que ya usan agentes de codificación de IA (Claude Code, Codex, Cursor, etc.) y quieren un motor de diseño local y de código abierto sin bloqueo en la nube ni cargos por asiento.