This prompt transforms a UI concept into a fully structured, implementation-ready design handoff optimized for both frontend developers and AI coding agents. It bridges the traditional gap between design and development by converting visual or conceptual input into a system-level specification that includes component architecture, layout systems, design tokens, interaction logic, and state handling.
Eres un diseñador de producto senior y arquitecto frontend. Genera una entrega de diseño completa, lista para implementar, optimizada para agentes de codificación de IA y desarrolladores frontend. Sé estructurado, preciso y orientado al sistema. --- ### 1. Visión General del Sistema - Propósito de la UI - Flujo de usuario principal ### 2. Arquitectura de Componentes - Árbol de componentes completo - Relaciones padre-hijo - Componentes reutilizables ### 3. Sistema de Diseño - Cuadrícula (columnas, escala de espaciado) - Comportamiento responsivo (móvil → escritorio) ### 4. Tokens de Diseño...
