El motor anti-slop — Cómo Open Design diseña como un senior, no como un improvisador

La mayoría de las herramientas de diseño con IA devuelven un revoltijo genérico, extrañamente lleno de degradados violáceos. Esta guía explica la maquinaria que hace que Open Design no haga eso — el sistema de calidad multicapa que obliga al agente a comportarse como un diseñador senior en lugar de improvisar. Sigue la explicación que da AI Teaches Better en su recorrido, reescrita y puesta al día con la versión actual. Mira el vídeo de arriba o sigue leyendo la versión escrita.

La biblioteca de plugins: instala skills directamente desde el registro — incluidos skills de diseño anti-slop.

¿Qué es Open Design?

Open Design es un framework Apache-2.0, local-first — la respuesta de código abierto a las herramientas de diseño cerradas, solo en la nube y atadas a un único modelo. La distinción clave: no incluye su propio agente de IA. Es un orquestador magistral que delega el trabajo de diseño a las CLI de agentes de codificación que ya tienes. Arráncalo y su daemon local escanea tu máquina, detectando automáticamente las CLI — Claude Code, Codex, Cursor, Gemini, Copilot y más — y convierte la que encuentre en tus motores de diseño candidatos, enganchándola por stdio. Sin dependencia de proveedor; cambia de motor con un clic. ¿No tienes ninguna CLI instalada? Hay un respaldo de proxy compatible con OpenAI — introduce cualquier base URL y clave.

Skills × sistemas de diseño = resultado intencional

Dos bibliotecas hacen el trabajo pesado:

• Skills componibles — carpetas que le indican al agente el ADN estructural de un artefacto: una landing page SaaS, un panel de datos, una especificación de PM, una app móvil multipantalla. Elige un skill y ya sabe cómo debe construirse esa cosa.
• Sistemas de diseño de calidad de marca — reglas de diseño deterministas extraídas de las mejores marcas (Linear, Stripe, Vercel, Apple, Notion). Estructura × estilo se multiplican en un enorme espacio de combinaciones de capacidad y aspecto, todas ejecutándose de forma nativa en tu máquina.

¿No tienes ninguna marca concreta en mente? Recurre a direcciones visuales curadas (Editorial Monocle, Modern Minimal, Tech Utility, Brutalist, Soft Warm), fijando paletas OKLCH deterministas y stacks de fuentes — eliminando la capacidad de la IA de improvisar la onda.

El hub de plugins: explora el registro, importa plugins y prepáralos para tu equipo.

El motor anti-slop (las seis capas)

Este es el corazón del asunto. Antes de que veas un artefacto siquiera, Open Design ejecuta una defensa de seis capas que AI Teaches Better expone con claridad:

1. Formulario de descubrimiento — antes de escribir un solo píxel, pregunta por el tono, la audiencia y la marca para fijar la dirección.
2. Extracción de marca — si le das una URL, extrae sistemáticamente la especificación de marca.
3. Autocrítica silenciosa — ejecuta una crítica de cinco dimensiones sobre su propio trabajo antes de mostrarlo.
4. Checklist P0–P2 — el resultado debe superar una rigurosa checklist de prioridades.
5. Lista negra codificada — los degradados genéricos y esas raras tarjetas redondeadas con borde izquierdo están literalmente prohibidos.
6. Marcadores de posición honestos — bloques grises en lugar de métricas falsas inventadas del tipo «10x más rápido».

La frase que lo captura: «Eso no es una IA intentando diseñar algo — es una IA entrenada para comportarse como un diseñador senior.» El stack de prompts más una profunda integración con el sistema de archivos es lo que eleva el resultado y evita el slop con sabor a IA del que todos están hartos.

Modo slide-deck: elige una categoría de presentación y forkea un ejemplo como punto de partida.

Más que UI: un estudio creativo local

La misma superficie de chat impulsa medios enriquecidos — generación de imágenes (GPT Image), text-to-video cinematográfico breve, motion graphics vía hyperframes, incluso audio — con plantillas de prompts de medios listas para replicar, para que nunca te enfrentes a un lienzo en blanco.

Primeros pasos (tres pasos)

git clone https://github.com/nexu-io/open-design.git
cd open-design
corepack enable && pnpm install
pnpm tools-dev run web

El daemon local arranca, detecta automáticamente tus agentes CLI y configura su almacén SQLite por sí solo — cero configuración compleja. Abre la URL local que imprime (un puerto dinámico — no lo fijes en el código), o consigue la app de escritorio en open-design.ai/download. Gracias a ese almacén local, cierra el portátil y tus pestañas y archivos generados estarán exactamente donde los dejaste. Incluso puedes arrastrar un ZIP de exportación de Claude Design y seguir editando localmente, usar vistas previas HTML de clic-para-comentar para retoques quirúrgicos o despliegues a Vercel con un clic.

Consejo: ¿chocas con los límites de tasa de la API mientras iteras? Como Open Design usa variables de entorno estándar, puedes apuntar la base URL a un proxy compatible con OpenAI y seguir adelante.

Consejos

• Trata el formulario de descubrimiento como el paso cero — es la primera capa del motor anti-slop.
• Parte de un sistema de diseño real (o de una dirección curada) para que el agente nunca improvise el aspecto.
• Deja que la autocrítica y la checklist se ejecuten — eso es lo que atrapa el slop antes de que lo veas.
• Cambia de motor según la tarea — un modelo potente para el aspecto, otro para la funcionalidad; un clic.
• Usa una base URL de proxy si chocas con los límites de tasa.

Preguntas frecuentes

¿Qué impide realmente que el resultado parezca generado por IA? Un motor de seis capas: formulario de descubrimiento, extracción de marca, autocrítica de cinco dimensiones, checklist P0–P2, una lista negra codificada de patrones de slop y marcadores de posición honestos en lugar de métricas falsas.

¿Open Design incluye su propio modelo? No — orquesta las CLI de agentes de codificación que ya están en tu máquina (o un proxy compatible con OpenAI). Tú aportas el motor; él aporta la disciplina de diseño.

¿Puedo personalizar los skills y los sistemas de diseño? Sí — ambos son archivos. Añade tu propia carpeta de skill o tu sistema de diseño y se reconoce.

¿Es gratis? La app es de código abierto bajo Apache-2.0 y gratuita para ejecutarse localmente. Solo pagas por el uso de modelo y medios del agente y proveedores que conectes.

---

Esta guía escrita se basa en la explicación de AI Teaches Better. Mira el vídeo completo arriba y suscríbete a AI Teaches Better para más desgloses de arquitectura de IA.