Better Design: 28 sistemas de diseño Shadcn con servidor MCP integrado

Shadcn/UI lleva dos años siendo la librería de componentes de referencia en el ecosistema React, pero montar un sistema de diseño coherente encima de ella sigue requiriendo trabajo manual considerable. Esta semana, el desarrollador marvkr publicó en GitHub un repositorio open source llamado Better Design que recoge 28 sistemas de diseño completos construidos sobre Shadcn, con una particularidad relevante para usuarios de Claude Code y Cursor: incluye un servidor MCP listo para conectar.

El anuncio apareció el 5 de mayo en Hacker News como Show HN con tracción modesta —tres puntos, sin comentarios en el momento de publicación—, lo que lo sitúa más en la categoría de proyecto en estado temprano que de lanzamiento maduro. Aun así, la propuesta merece atención porque toca un problema práctico concreto.

Qué ofrece el repositorio

Better Design es, en esencia, una colección curada de variantes visuales para componentes Shadcn. Cada uno de los 28 sistemas incluye su propia paleta, tipografía, espaciado y tokens de diseño, de forma que se pueden adoptar como punto de partida sin tener que construir desde cero. El código es open source y está disponible directamente en el repositorio.

Lo que lo diferencia de una simple galería de temas es el servidor MCP incluido. Configurado en Claude Code o en Cursor mediante el fichero `claude_desktop_config.json`, este servidor expone las variantes de diseño como herramientas invocables. La idea es que el agente pueda consultar, comparar y aplicar sistemas de diseño durante una sesión de generación de código de interfaz, sin que el desarrollador tenga que copiar y pegar tokens manualmente.

En la práctica, esto significa que se puede indicar a Claude Code algo como «usa el sistema de diseño número 12 de Better Design para este componente de formulario» y el agente recupera los tokens relevantes a través del servidor MCP en lugar de depender solo del contexto del prompt.

Por qué tiene sentido en el flujo de trabajo actual

Los servidores MCP se han consolidado como el mecanismo estándar para extender Claude Code con herramientas especializadas. Hasta ahora, la mayoría de servidores publicados apuntan a integraciones con APIs externas, bases de datos o servicios de infraestructura. Un servidor MCP orientado puramente a recursos de diseño UI es menos habitual.

El caso de uso es claro para equipos pequeños o desarrolladores en solitario que trabajan con React y quieren delegar la coherencia visual a Claude Code sin mantener un design system propio. En lugar de describir en el prompt qué aspecto debe tener un componente, se referencia un sistema predefinido y se deja que el agente lo aplique de forma consistente a lo largo de la sesión.

También puede ser útil en proyectos de prototipado rápido donde el objetivo es tener una interfaz presentable sin invertir tiempo en decisiones de diseño. Los 28 sistemas disponibles cubren estilos distintos —minimalistas, con mayor presencia tipográfica, variantes con más color—, lo que da margen para elegir sin construir nada.

Caveats a tener en cuenta

El proyecto es nuevo y con visibilidad limitada en el momento de escribir esto. No hay documentación extensa sobre cómo está implementado el servidor MCP, qué herramientas expone exactamente ni cómo gestiona actualizaciones de los sistemas de diseño cuando Shadcn lanza cambios. Estas son preguntas razonables antes de integrarlo en un flujo de trabajo real.

Tampoco está claro qué criterio siguió el autor para seleccionar o generar los 28 sistemas. Si son diseños originales, adaptaciones de referencias conocidas o salidas de modelos generativos es algo que el repositorio no explica en detalle en su estado actual.

Por último, la ausencia de actividad en el hilo de Hacker News sugiere que la comunidad todavía no ha tenido tiempo —o interés suficiente— para evaluarlo en profundidad. Eso no descalifica el proyecto, pero sí conviene revisarlo con expectativas calibradas.

---

Opinión EP: La combinación de recursos de diseño estáticos con un servidor MCP es un patrón que esperamos ver más en los próximos meses. Better Design es un primer paso interesante, aunque necesita más documentación y uso real antes de poder recomendarlo como dependencia estable.