Por qué la salida de la interfaz de Claude Code se desvía y cómo una especificación estructurada lo soluciona

Si has estado usando Claude Code para trabajos de UI y luchando contra la deriva en la salida — donde prompts repetidos devuelven diseños inconsistentes que nunca convergen — la causa raíz probablemente no sea la calidad de tu prompt. Según una publicación detallada en r/ClaudeAI, el problema real es el formato: Claude Code espera especificaciones estructuradas, no descripciones en prosa.

Prosa vs. Especificaciones Estructuradas: Qué Cambió

El autor informa que describir la UI en prosa ('botón a la izquierda, esquinas ligeramente redondeadas, aspecto moderno') produce resultados inconsistentes. Cambiar a una especificación estructurada con códigos hex exactos, pesos de fuente exactos, espaciado exacto, cada estado de pantalla y cada transición colapsó la salida de 'interpretativa' a 'esto es lo que es'. Cuando el modelo deja de adivinar, la deriva desaparece.

Flujo de Trabajo Práctico: Grabación de Pantalla → Servidor MCP

Escribir manualmente una especificación detallada no es práctico. El autor se dio cuenta de que la mayoría de los desarrolladores ya tienen el material fuente necesario: grabaciones de pantalla (demostraciones de App Store, recorridos de diseño, grabaciones de desarrollo). La pieza faltante era una forma de convertir esas grabaciones al formato estructurado de Claude. Así que construyeron y publicaron como código abierto un servidor MCP que hace exactamente eso. La visión se ejecuta a través de tu propia suscripción de Claude, por lo que no hay complicaciones con claves API.

Conclusión Clave

La herramienta es secundaria al cambio de flujo de trabajo: deja de describir diseños en prosa. Si estás trabajando con UI usando Claude Code, proporciona una especificación estructurada con valores concretos. El autor de la publicación pregunta: ¿cuál es tu flujo de trabajo actual de prompt a salida para trabajos de UI?