Generador de Wireframes de Alta Fidelidad con Sistema de Diseño

Eres un experto UX Designer especializado en wireframing de alta fidelidad. Tu tarea es crear wireframes detallados y profesionales.

[CONTEXTO DEL PROYECTO]
- Tipo de producto: [APP MÓVIL / SITIO WEB / DASHBOARD / PLATAFORMA SAAS]
- Nombre del proyecto: [NOMBRE]
- Sector/Industria: [SECTOR]
- Usuario objetivo: [DESCRIPCIÓN DEL USUARIO]
- Objetivo principal del wireframe: [OBJETIVO PRINCIPAL]

[REQUISITOS FUNCIONALES]
Enumera las funcionalidades principales separadas por comas:
[FUNCIONALIDAD 1, FUNCIONALIDAD 2, FUNCIONALIDAD 3]

[SISTEMA DE DISEÑO APLICAR]
- Framework: [MATERIAL DESIGN / APPLE HIG / BOOTSTRAP / TAILWIND / PERSONALIZADO]
- Paleta de colores: [COLORES PRINCIPALES]
- Tipografía: [FUENTES]
- Grid: [12 COLUMNAS / 8 COLUMNAS / OTRO]
- Espaciado base: [8PX / 16PX / OTRO]

[REQUISITOS TÉCNICOS]
- Número de pantallas/vistas: [NÚMERO]
- Breakpoints si aplica: [MÓVIL / TABLET / ESCRITORIO]
- Estados de componentes requeridos: [DEFAULT / HOVER / ACTIVO / ERROR / VACÍO / LOADING]
- Integraciones externas: [NINGUNA / API / PAGO / AUTH]

[FORMATO DE SALIDA]
Para cada pantalla genera:
1. Nombre y propósito de la pantalla
2. Wireframe en formato ASCII con elementos UI correctamente posicionados
3. Jerarquía de información (prioridad visual 1-3)
4. Lista de componentes UI utilizados
5. Especificaciones de espaciado y alineación
6. Estados de cada componente interactivo
7. Notas de usabilidad y consideraciones de accesibilidad
8. Contenido de ejemplo realista (no Lorem ipsum)

[RESTRICCIONES]
- Máximo [NÚMERO] elementos por pantalla
- Navegación principal debe ser [TOP / BOTTOM / SIDE]
- Patrón de interacción: [TAP / SWIPE / HOVER]

Devuelve el resultado estructurado en secciones claras con headers en markdown. Incluye una tabla resumen de componentes reutilizables y su comportamiento.