Biblioteca de Prompts para Lovable

Crea una landing page moderna para una aplicación SaaS de gestión de proyectos llamada "TaskFlow".

Requisitos:
- Header con logo, navegación (Características, Precios, Contacto) y botón CTA "Empezar Gratis"
- Hero section con título impactante, subtítulo descriptivo, formulario de email y captura de pantalla del producto
- Sección de características con 6 features principales (cada uno con icono, título y descripción)
- Sección de testimonios con 3 reviews de clientes
- Sección de precios con 3 planes (Free, Pro, Enterprise)
- FAQ section con 5 preguntas frecuentes
- Footer con links sociales y legal

Estilo visual:
- Paleta de colores: azul (#0066FF) como principal, blanco y grises
- Diseño limpio y espaciado, estilo glassmorphism
- Animaciones suaves al hacer scroll
- Totalmente responsive para móvil y desktop

Diseña una landing page para promocionar una app móvil de meditación llamada "MindfulMe".

Estructura:
- Navbar transparente con logo y botón "Descargar App"
- Hero con headline, descripción, botones de App Store y Google Play, y mockup del móvil
- Sección "Cómo funciona" con 3 pasos ilustrados
- Gallery de screenshots de la app (4-5 pantallas)
- Sección de beneficios con 4 cards
- Call-to-action final con descarga de app
- Footer minimalista

Diseño:
- Colores: verde menta (#7FFFD4), blanco, tonos pastel
- Estilo calming y zen, con ilustraciones suaves
- Tipografía elegante y legible
- Mobile-first design

Crea una landing page de alto impacto para un producto tech innovador: unos auriculares con IA llamados "SoundMind Pro".

Características especiales:
- Hero section con video de fondo en loop (placeholder) mostrando el producto
- Overlay oscuro sobre video con título bold y CTA prominente
- Sección de especificaciones técnicas en grid 2x3
- Comparativa con competidores en tabla
- Galería interactiva de producto (diferentes ángulos y colores)
- Sección de tecnología con animaciones de reveal
- Pre-order form con selector de color y cantidad
- Social proof: "100k+ pre-orders" counter animado

Estilo:
- Dark mode por defecto
- Acentos en dorado (#FFD700)
- Tipografía futurista y moderna
- Parallax scrolling effects
- Animaciones de entrada elegantes

Construye un dashboard de analytics simple para visualizar métricas de una tienda online.

Componentes necesarios:
- Sidebar de navegación con menú (Dashboard, Ventas, Productos, Clientes, Ajustes)
- Header con título, búsqueda y perfil de usuario
- 4 cards de KPIs principales: Total Ventas, Órdenes, Clientes Nuevos, Tasa de Conversión
- Gráfico de líneas mostrando ventas de los últimos 7 días
- Tabla de últimas 5 órdenes con: ID, Cliente, Producto, Monto, Estado
- Lista de top 5 productos más vendidos

Especificaciones:
- Layout: sidebar fijo + área de contenido principal
- Colores: sidebar oscuro, contenido con fondo claro
- Cards con iconos y variación de color según métrica
- Gráficos con Recharts o similar
- Responsive: en móvil el sidebar se oculta y abre con hamburger

Crea un dashboard CRM para gestión de leads con vista Kanban.

Funcionalidades:
- Top bar con search global, notificaciones y avatar de usuario
- Sidebar con secciones: Dashboard, Leads, Contacts, Deals, Tasks, Reports
- Vista principal con 4 columnas Kanban: New Leads, Contacted, Qualified, Closed
- Cada card de lead debe mostrar: nombre, empresa, valor estimado, fecha, etiquetas
- Drag & drop entre columnas (simular funcionalidad)
- Botón "+ Add Lead" que abre modal de creación
- Filtros por: fecha, valor, assigned to, status
- Mini stats en la parte superior de cada columna (ej: "12 leads - $45k")

Diseño:
- Estilo corporativo profesional
- Colores: azul oscuro sidebar, fondos claros, acentos en verde para success
- Cards con sombras sutiles y hover effects
- Indicadores de color según priority (rojo, amarillo, verde)

Desarrolla un dashboard financiero completo para tracking de inversiones y portafolio.

Secciones principales:
1. Header: Total Portfolio Value (número grande), Today's P&L (verde/rojo), botones Quick Actions
2. Portfolio Overview: Pie chart de asset allocation + lista de holdings con % change
3. Performance Chart: Line chart combinado mostrando portfolio vs S&P 500 (últimos 30 días)
4. Recent Transactions: Tabla con últimas 10 transacciones (fecha, tipo, asset, cantidad, precio)
5. Market Movers: Cards de top gainers/losers del día
6. News Feed: Lista de últimas noticias financieras relevantes

Características avanzadas:
- Date range selector (7D, 1M, 3M, 1Y, All)
- Multiple chart types: line, area, candlestick
- Real-time updating numbers (simulado con animaciones)
- Export to PDF button
- Dark/Light mode toggle

Estilo:
- Theme: dark mode profesional (negro, grises, acentos en verde/rojo para gains/losses)
- Números y charts con animaciones de counter
- Tooltips informativos en gráficos
- Tipografía: monospace para números, sans-serif para texto

Crea un sistema completo de autenticación con páginas de login y registro.

Página de Login:
- Form con email y contraseña
- Checkbox "Recordarme"
- Link "¿Olvidaste tu contraseña?"
- Botón de submit
- Opción de login con Google y GitHub (botones con iconos)
- Link a "¿No tienes cuenta? Regístrate"

Página de Registro:
- Form con: nombre completo, email, contraseña, confirmar contraseña
- Validación visual (checkmarks verdes cuando campo es válido)
- Requisitos de contraseña mostrados (mín 8 caracteres, 1 mayúscula, 1 número)
- Checkbox de aceptar términos y condiciones
- Botón de submit
- Registro con Google y GitHub
- Link a "¿Ya tienes cuenta? Inicia sesión"

Diseño:
- Layout: split screen - formulario a la izquierda, imagen/ilustración a la derecha
- Colores: púrpura (#8B5CF6) como acento
- Glassmorphism en las cards de formulario
- Animaciones suaves en transiciones entre login/registro
- Responsive: en móvil solo formulario sin imagen lateral

Implementa un flujo completo de recuperación de contraseña en 3 pasos.

Paso 1 - Solicitar Reset:
- Input para email
- Texto explicativo del proceso
- Botón "Enviar link de recuperación"
- Mensaje de éxito tras envío

Paso 2 - Email Recibido (página de confirmación):
- Ilustración de email enviado
- Mensaje: "Te hemos enviado un email a [email]"
- Instrucciones: "Revisa tu bandeja y haz click en el link"
- Botón "Reenviar email" (con cooldown de 60 segundos)
- Link para volver al login

Paso 3 - Nueva Contraseña:
- 2 inputs: nueva contraseña y confirmar
- Indicador de fortaleza de contraseña (weak/medium/strong)
- Lista de requisitos con checkmarks
- Botón "Restablecer contraseña"
- Redirect automático al login tras éxito

Características:
- Progress indicator mostrando los 3 pasos
- Validaciones en tiempo real
- Estados de loading en botones
- Manejo de errores (email no existe, link expirado, etc.)

Diseña un proceso de onboarding en 4 pasos para completar el perfil tras registro.

Paso 1 - Bienvenida:
- Mensaje de bienvenida personalizado con nombre del usuario
- Explicación breve del proceso (4 pasos, 2 minutos)
- Ilustración llamativa
- Botón "Comenzar"
- Opción "Saltar por ahora" (guardar progreso)

Paso 2 - Información Personal:
- Avatar upload con preview
- Inputs: nombre completo, username, teléfono, fecha nacimiento
- Botones "Anterior" y "Siguiente"

Paso 3 - Preferencias:
- Selección múltiple de intereses (chips seleccionables)
- Dropdown de timezone
- Toggle de notificaciones (email, push, SMS)
- Frecuencia de updates (daily, weekly, never)

Paso 4 - Setup Completo:
- Resumen de información ingresada
- Ilustración de éxito
- Botón "Ir al Dashboard"
- Confetti animation al completar

Características técnicas:
- Progress bar top mostrando 1/4, 2/4, etc
- Navegación entre pasos (next/prev)
- Guardado automático del progreso
- Validación por paso antes de avanzar
- Animaciones de transición entre pasos
- Responsive y mobile-friendly

Crea una página de catálogo de productos para una tienda de ropa online.

Componentes:
- Header: breadcrumb (Home > Ropa > Camisetas)
- Sidebar con filtros:
  * Categorías (Camisetas, Pantalones, Zapatos, Accesorios)
  * Rango de precio (slider de $0 a $200)
  * Tallas (XS, S, M, L, XL, XXL)
  * Colores (color swatches)
  * Rating (estrellas)
- Área principal:
  * Barra superior con: resultado count, vista grid/list toggle, ordenar por (Destacados, Precio bajo-alto, Nuevos)
  * Grid de productos (4 columnas en desktop, 2 en tablet, 1 en móvil)
  * Cada product card: imagen, nombre, precio, rating, botón "Add to Cart", quick view icon
- Pagination en la parte inferior

Interacciones:
- Hover en product card muestra segunda imagen
- Aplicar filtros actualiza el grid
- Toggle entre vista grid y lista
- Add to cart muestra notificación toast

Desarrolla una página de detalle de producto completa para un producto tech (ej: laptop).

Sección Superior:
- Galería de imágenes: thumbnail lateral + imagen principal (zoom on hover)
- Panel derecho:
  * Nombre del producto y SKU
  * Rating con estrellas y número de reviews
  * Precio (mostrar descuento si aplica)
  * Selector de variantes (color, almacenamiento, RAM)
  * Indicador de stock ("Solo quedan 3")
  * Cantidad selector
  * Botones: "Add to Cart" (primario), "Add to Wishlist" (secundario)
  * Lista de beneficios: envío gratis, garantía, devoluciones

Tabs de Información:
- Description: texto largo con formato
- Specifications: tabla de specs técnicas
- Reviews: lista de reviews con filtros por rating
- Q&A: preguntas y respuestas

Sección Inferior:
- "You May Also Like": carousel de productos relacionados
- "Recently Viewed": últimos productos vistos

Características:
- Sticky "Add to Cart" button en mobile cuando se hace scroll
- Image zoom modal al hacer click
- Review form con rating selector
- Share buttons (social media)

Implementa un flujo completo de checkout en 3 pasos con carrito de compras.

Carrito de Compras (Sidebar o Página):
- Lista de items con: imagen, nombre, variantes, precio, quantity selector, remove button
- Subtotal por item
- Resumen: Subtotal, Shipping, Tax, Total
- Cupón/promo code input
- Botón "Proceed to Checkout"
- "Continue Shopping" link
- Sugerencias de productos relacionados

Checkout Paso 1 - Shipping:
- Form de dirección: nombre, apellido, dirección, ciudad, estado, zip, país, teléfono
- Checkbox "Billing address is the same"
- Guardar dirección para futuro
- Opciones de envío (Standard, Express, Overnight) con precios

Checkout Paso 2 - Payment:
- Métodos de pago: Credit Card, PayPal, Apple Pay
- Form de tarjeta: número, nombre, expiry, CVV
- Checkbox "Save card for future purchases"
- Resumen del pedido (sidebar)

Checkout Paso 3 - Review:
- Resumen completo: items, shipping address, payment method
- Order total breakdown
- Botón "Place Order"
- Términos y condiciones checkbox

Características:
- Progress indicator de 3 pasos
- Validación en cada paso
- Navegación prev/next entre pasos
- Guardado de progreso
- Loading states
- Página de confirmación tras completar
- Email confirmation preview

Construye una aplicación de gestión de tareas con tableros Kanban similar a Trello.

Estructura:
- Top navbar: logo, nombre del tablero (editable), share button, user avatar
- Board view: múltiples columnas (To Do, In Progress, Done)
- Cada columna:
  * Header con título y count de tareas
  * Botón "+ Add task"
  * Lista de task cards (drag & drop simulado)
  * Opción de eliminar columna
- Botón "+ Add column" al final

Task card contiene:
- Título
- Descripción breve (collapse/expand)
- Asignado a (avatar pequeño)
- Due date
- Etiquetas de color
- Número de comentarios
- Número de attachments

Funcionalidades:
- Click en card abre modal detallado con: descripción completa, comentarios, checklist, attachments, activity log
- Drag and drop entre columnas
- Quick edit inline del título
- Filtros: por asignado, por etiqueta, por fecha
- Search de tareas

Diseño:
- Estilo limpio tipo Trello
- Colores personalizables por board
- Smooth animations
- Responsive (en móvil, columnas se apilan verticalmente)

Desarrolla una plataforma de email marketing con editor de campañas y analytics.

Secciones principales:

1. Dashboard:
- KPIs: Total subscribers, Open rate avg, Click rate avg, Campaigns sent
- Chart de crecimiento de subscribers (últimos 6 meses)
- Recent campaigns table con métricas
- Quick actions: Create Campaign, Import Contacts

2. Campaigns Page:
- Lista de todas las campañas con: nombre, status (draft/sent/scheduled), recipients, open rate, click rate, sent date
- Filtros por status y date range
- Botón "+ New Campaign"

3. Campaign Editor (multi-step):
Step 1: Setup
- Campaign name
- Subject line con preview
- From name y email
- Select audience (segment selection)

Step 2: Design
- Drag & drop email builder con bloques: text, image, button, divider, social media
- Template library para empezar
- Preview en desktop/mobile
- Test email option

Step 3: Schedule
- Send now o schedule para fecha futura
- Time zone selector
- Review & confirm

4. Contacts/Subscribers Page:
- Tabla con contactos: email, nombre, status (subscribed/unsubscribed), tags, added date
- Import CSV button
- Bulk actions (add tags, delete, export)
- Segmentation builder

5. Analytics Page:
- Campaign performance comparison
- Best performing emails
- Subscriber growth chart
- Geographic heatmap
- Device breakdown (mobile vs desktop)

Características:
- Real-time preview en editor
- Template saving
- A/B testing setup
- Automation workflows (bonus)

Crea un CRM sencillo pero funcional para pequeñas empresas.

Módulos:

1. Contacts:
- Tabla de contactos con: nombre, empresa, email, teléfono, last contact, tags
- Vista detalle de contacto: info personal, notas, deals asociados, actividad
- Botón "+ Add Contact"
- Import/Export options
- Search y filtros avanzados

2. Deals (Pipeline):
- Vista Kanban con stages: Lead, Qualified, Proposal, Negotiation, Closed Won, Closed Lost
- Cada deal card: nombre, valor, contacto asociado, close date, probability
- Botón "+ Add Deal"
- Deal detail view con: timeline de actividades, notas, attachments, productos/servicios

3. Activities:
- Calendar view de todas las actividades
- Lista de tasks pendientes
- Log de calls, meetings, emails
- Quick add: call, meeting, task, email
- Reminders y notifications

4. Reports:
- Sales pipeline value por stage
- Win rate metrics
- Forecast de ventas
- Top performing sales reps (si multi-user)
- Revenue charts

5. Settings:
- Pipeline stages customization
- Deal fields personalizados
- Email integration setup
- Team management
- Tags y categorías

Características:
- Quick actions desde cualquier vista
- Activity timeline en cada contacto/deal
- Email tracking (simulado)
- Mobile responsive
- Dark mode

Desarrolla una app de notas minimalista con soporte para Markdown.

Layout:
- Sidebar izquierdo:
  * Botón "+ New Note"
  * Search bar
  * Lista de notas (título + preview de primeras líneas + fecha)
  * Filtros: All Notes, Favorites, Recent
  * Folders/Tags section
- Área principal:
  * Editor de texto con toolbar simple (bold, italic, headings, list, link, image)
  * Split view: editor Markdown a la izquierda, preview HTML a la derecha
  * Toggle para vista solo editor o solo preview
  * Header con: título de nota (editable), star favorite, delete, share

Funcionalidades:
- Auto-save cada pocos segundos
- Markdown syntax highlighting en editor
- Real-time preview
- Keyboard shortcuts (Ctrl+B para bold, etc.)
- Export nota a PDF o Markdown file
- Dark/Light mode toggle
- Search full-text en todas las notas

Diseño:
- Minimalista y distraction-free
- Tipografía clara para lectura
- Colores neutros con acento sutil
- Transiciones suaves
- Responsive

Crea un Pomodoro timer con tracking de productividad.

Pantalla Principal:
- Timer circular grande mostrando tiempo restante (25:00)
- Indicador visual de progreso (círculo que se llena)
- Estado actual: "Focus Time", "Short Break", o "Long Break"
- Botones: Start, Pause, Skip, Reset
- Número de pomodoros completados hoy (ej: 4/8)

Settings:
- Duración de focus (default 25 min)
- Duración de short break (default 5 min)
- Duración de long break (default 15 min)
- Pomodoros antes de long break (default 4)
- Auto-start breaks toggle
- Sound notifications toggle
- Desktop notifications toggle

Task List:
- Input para añadir tarea
- Lista de tareas con checkbox
- Contador de pomodoros estimados por tarea
- Marcar tarea como completada
- Estadística de pomodoros por tarea

Stats Page:
- Pomodoros completados hoy, esta semana, este mes
- Chart de productividad por día de la semana
- Total de horas focusadas
- Mejor racha (días consecutivos)
- Distribución de tiempo por tipo de tarea

Características:
- Sonido al terminar cada sesión
- Notificaciones de escritorio
- Background colors cambian según estado (focus=rojo, break=verde)
- Persistencia de datos (localStorage)

Construye una plataforma LMS (Learning Management System) completa.

Para Estudiantes:

1. Course Catalog:
- Grid de cursos con: imagen, título, instructor, rating, número de estudiantes, precio
- Filtros: categoría, nivel, precio, rating, duración
- Search bar
- Featured courses section

2. Course Detail Page:
- Hero con video preview
- Descripción del curso y objetivos de aprendizaje
- Syllabus expandible por secciones y lecciones
- About instructor con bio
- Reviews de estudiantes
- FAQ section
- "Enroll Now" button (sticky en mobile)

3. Learning Interface:
- Sidebar con índice del curso (sections y lessons)
- Video player principal con controles
- Tabs: Overview, Resources, Q&A, Notes
- Botón "Mark as Complete"
- Next/Previous lesson navigation
- Progress bar del curso
- Note-taking area (guarda automáticamente)

4. Student Dashboard:
- Cursos en progreso con % completion
- Certificados obtenidos
- Upcoming assignments/quizzes
- Learning streak calendar
- Recommended courses

Para Instructores:

5. Instructor Dashboard:
- Total students, revenue, courses
- Recent enrollments
- Course performance charts

6. Course Creator:
- Multi-step course creation
- Section y lesson management
- Video upload (placeholder)
- Quiz builder
- Resource attachments

Características:
- Video progress tracking
- Quizzes con auto-grading
- Discussion forums por lección
- Certificate generation al completar
- Mobile responsive

Desarrolla un feed de red social similar a Twitter/X.

Layout Principal:
- Navbar: logo, search, notifications, messages, profile
- 3 columnas:
  * Sidebar izquierdo: navegación (Home, Explore, Notifications, Messages, Profile, Settings)
  * Feed central: timeline de posts
  * Sidebar derecho: trending topics, who to follow

Post Card:
- Avatar del usuario
- Nombre y username
- Timestamp (ej: "2h ago")
- Contenido del post (texto + imagen opcional)
- Engagement buttons: Like (heart), Retweet, Reply, Share
- Contadores de cada acción

Create Post:
- Textarea expandible
- Upload imagen button
- Character counter (280 chars)
- Public/Private toggle
- Post button

Feed Features:
- Infinite scroll
- "For You" y "Following" tabs
- Pull to refresh
- Skeleton loaders mientras carga

Post Detail View:
- Post original
- Thread de replies
- Reply composer en la parte inferior

Notificaciones:
- Lista de notificaciones: likes, replies, new followers, mentions
- Mark all as read
- Filter por tipo

Profile Page:
- Cover photo y avatar
- Bio y link
- Tabs: Posts, Replies, Media, Likes
- Follow/Unfollow button
- Edit profile button (si es tu perfil)

Características:
- Real-time updates (simulado)
- Emoji picker en composer
- Hashtag detection y highlighting
- @mention autocomplete
- Image preview modal

Crea una herramienta para generar y explorar paletas de colores.

Pantalla Principal:
- Display de paleta actual: 5 colores en bloques grandes
- Cada bloque muestra:
  * Color de fondo
  * Código HEX
  * RGB values
  * HSL values
  * Botón de copiar cada formato
  * Botón de lock/unlock color
- Botón grande "Generate New Palette" (spacebar shortcut)
- Opciones de generación:
  * Random
  * Analogous
  * Complementary
  * Triadic
  * Monochromatic

Ajustes por Color:
- Sliders de Hue, Saturation, Lightness para cada color
- Color picker manual
- Input de HEX directo

Features Adicionales:
- Export palette:
  * Como imagen (PNG)
  * Como CSS variables
  * Como JSON
  * Como Adobe ASE
  * Como código Tailwind
- Saved palettes gallery
- Browse popular palettes de la comunidad
- Accessibility checker (contrast ratios entre colores)
- Color blindness simulator

Visualización:
- Preview de paleta aplicada a UI components (buttons, cards, text)
- Dark/Light mode preview

Búsqueda:
- Search palettes por color HEX
- Filter por número de colores
- Sort por popularidad, recientes, etc.

Diseño:
- Interface limpia y visual
- Keyboard shortcuts
- Responsive
- Smooth transitions entre paletas

Desarrolla un conversor universal de unidades.

Categorías:
1. Longitud (metros, kilómetros, millas, pies, pulgadas, etc.)
2. Peso (kilogramos, libras, onzas, toneladas, etc.)
3. Temperatura (Celsius, Fahrenheit, Kelvin)
4. Volumen (litros, galones, mililitros, etc.)
5. Área (metros cuadrados, hectáreas, acres, etc.)
6. Velocidad (km/h, mph, m/s, nudos)
7. Tiempo (segundos, minutos, horas, días)
8. Datos digitales (bytes, KB, MB, GB, TB)

Interface:
- Selector de categoría en la parte superior
- Dos columnas:
  * Izquierda: valor de entrada + dropdown de unidad
  * Derecha: valor convertido + dropdown de unidad
  * Botón de swap en el medio
- Input numérico grande y claro
- Conversión en tiempo real mientras escribes
- Historial de conversiones recientes (últimas 10)
- Botón de copiar resultado

Funcionalidades:
- Soporte para notación científica
- Múltiples decimales configurables
- Shortcuts de teclado (Tab para cambiar campo, Enter para swap)
- Conversión múltiple: mostrar tabla con valor en todas las unidades de esa categoría
- Favoritos: guardar conversiones frecuentes

Diseño:
- Minimalista y funcional
- Números grandes y legibles
- Colores neutros
- Mobile-friendly con teclado numérico
- Dark mode option

Crea un constructor de formularios visual estilo Typeform/Google Forms.

Builder Interface:
- Panel izquierdo: componentes disponibles
  * Text Input
  * Text Area
  * Number Input
  * Email Input
  * Phone Input
  * Dropdown Select
  * Checkbox (single)
  * Checkbox Group
  * Radio Buttons
  * Date Picker
  * File Upload
  * Rating (stars)
  * Slider
  * Section Header
- Canvas central: área de construcción (drag & drop)
- Panel derecho: propiedades del campo seleccionado
  * Label
  * Placeholder
  * Help text
  * Required toggle
  * Validation rules
  * Conditional logic

Cada Campo en Canvas:
- Drag handle para reordenar
- Settings icon
- Duplicate icon
- Delete icon
- Preview del campo

Form Settings:
- Form title y description
- Confirmation message tras submit
- Redirect URL opcional
- Email notifications
- Save responses to database toggle

Preview Mode:
- Vista real del formulario
- Test de validaciones
- Mobile/Desktop preview toggle

Responses Page:
- Tabla de todas las respuestas
- Export a CSV/Excel
- Individual response detail view
- Analytics: completion rate, average time, abandonment points

Published Form Features:
- URL única para compartir
- Embed code
- Progress bar (% completado)
- Save & continue later
- Multi-page forms con navegación
- Smooth animations entre fields

Características:
- Undo/Redo en builder
- Template library
- Form duplication
- Collaboration (compartir con equipo)

Desarrolla una app de calendario completa con gestión de eventos.

Vistas de Calendario:
1. Month view: grid de mes completo
2. Week view: 7 días con horas
3. Day view: vista detallada de un día
4. Agenda view: lista de próximos eventos

Navegación:
- Botones: Today, Prev, Next
- Date picker para saltar a fecha específica
- Mini calendario en sidebar para navegación rápida

Event Creation:
- Click en slot de tiempo abre modal
- Campos:
  * Título del evento
  * Fecha y hora inicio
  * Fecha y hora fin
  * All-day event toggle
  * Location
  * Description
  * Color label
  * Reminder (15min, 30min, 1h, 1day antes)
  * Recurrence (none, daily, weekly, monthly, yearly)
  * Invitees (emails)
- Save/Cancel buttons

Event Display:
- Bloques de color en calendario
- Muestra título y hora
- Click en evento abre detail view
- Drag para mover a otro día/hora
- Resize para cambiar duración

Calendarios Múltiples:
- Personal, Work, Family calendars
- Toggle visibility de cada uno
- Diferentes colores por calendario
- Compartir calendario con otros

Features Adicionales:
- Search eventos
- Filter por calendario
- Export to iCal/Google Calendar
- Import events from file
- Notifications de eventos próximos
- Conflict detection (eventos que se solapan)

Diseño:
- Clean y profesional estilo Google Calendar
- Responsive
- Keyboard navigation
- Smooth animations al cambiar vistas

Crea una aplicación de gestión de presupuesto y gastos personales.

Dashboard:
- Resumen del mes actual:
  * Income total
  * Expenses total
  * Net (income - expenses)
  * Savings rate %
- Gráfico de dona: gastos por categoría
- Gráfico de líneas: income vs expenses últimos 6 meses
- Budget progress bars por categoría (ej: Food 450/500, 90% usado)

Transactions:
- Lista de todas las transacciones con:
  * Fecha
  * Description
  * Category
  * Amount (verde para income, rojo para expense)
  * Payment method
  * Actions (edit, delete)
- Filtros: por fecha, categoría, tipo (income/expense)
- Search por descripción
- Botón "+ Add Transaction"

Add Transaction Modal:
- Type: Income o Expense (radio buttons)
- Amount
- Description
- Category (dropdown)
- Date
- Payment method (Cash, Credit Card, Debit Card, etc.)
- Recurring toggle (si es gasto/ingreso recurrente)

Budgets:
- Configurar presupuesto mensual por categoría
- Categorías predefinidas: Housing, Food, Transportation, Entertainment, Healthcare, etc.
- Custom categories
- Visual progress de cada categoría (barra de progreso)
- Alertas cuando se supera el 80% o 100%

Reports:
- Spending trends por mes
- Category breakdown con porcentajes
- Income sources breakdown
- Comparison: este mes vs mes anterior
- Export a PDF o CSV

Goals:
- Savings goals con target amount y date
- Progress tracking
- Visual de cuánto falta para la meta

Características:
- Multi-currency support
- Recurring transactions automáticas
- Dark mode
- Data export/import
- Mobile responsive

Desarrolla una aplicación de mensajería instantánea similar a Slack/Discord.

Layout Principal:
- Sidebar izquierdo:
  * Workspace/Server selector (top)
  * Channels list (#general, #random, etc.)
  * Direct Messages list
  * Botón "+ New Channel"
  * Botón "+ New DM"
- Chat area central:
  * Channel header con nombre, descripción, members count
  * Messages timeline (scroll infinito hacia arriba)
  * Message composer en la parte inferior
- Panel derecho (collapsible):
  * Channel details
  * Members list
  * Pinned messages
  * Files shared

Message Features:
- Avatar del usuario
- Username y timestamp
- Message text con formatting:
  * Bold, italic, strikethrough, code
  * Links detectados automáticamente
  * @mentions con autocompletado
  * #channel links
  * Emoji picker
- Reactions (emoji reactions al mensaje)
- Thread replies (click para abrir thread lateral)
- Edit mensaje (muestra "edited")
- Delete mensaje
- Pin mensaje
- Copy link to message

Message Composer:
- Textarea con auto-resize
- Formatting toolbar
- File attachment (drag & drop o click)
- Emoji picker
- GIF selector
- @ autocomplete para mentions
- / slash commands

Channels:
- Public channels (todos pueden ver)
- Private channels (solo invitados)
- Channel settings: rename, description, notifications
- Channel members management

Direct Messages:
- 1-on-1 conversations
- Group DMs (múltiples personas)
- Online status indicators

Search:
- Global search de mensajes
- Filtros: in channel, from user, has files, date range

Notifications:
- Desktop notifications
- Badge counts en channels con unread
- Mention notifications destacadas
- Notification settings por channel

Características:
- Typing indicators ("User is typing...")
- Read receipts
- Message delivery status
- File previews (imágenes, PDFs)
- Code syntax highlighting en bloques de código
- Dark/Light themes

Crea un CMS completo para gestionar un blog.

Admin Dashboard:
- Stats cards: Total Posts, Total Views, Comments, Subscribers
- Recent posts table con quick actions
- Analytics chart de views por día
- Quick links: New Post, Media Library, Settings

Posts Management:
- Tabla de todos los posts:
  * Título
  * Author
  * Categories
  * Tags
  * Status (draft, published, scheduled)
  * Views
  * Date
  * Actions (edit, delete, preview)
- Filtros: por status, autor, categoría, fecha
- Bulk actions (publish, delete, change category)
- Search posts

Post Editor:
- Rich text editor con toolbar completa:
  * Headings (H1-H6)
  * Bold, Italic, Underline, Strikethrough
  * Lists (ordered, unordered)
  * Blockquotes
  * Code blocks con syntax highlighting
  * Links
  * Images (upload inline)
  * Videos (embed URL)
  * Tables
  * Horizontal rules
- Sidebar con:
  * Publish panel (save draft, publish, schedule)
  * Status y visibility
  * Categories (select multiple)
  * Tags (input con autocomplete)
  * Featured image upload
  * Excerpt
  * SEO meta (title, description)
- Autosave cada 30 segundos
- Revision history
- Preview button

Media Library:
- Grid de todas las imágenes/archivos
- Upload múltiple (drag & drop)
- Filtros: por tipo, fecha
- Image editing: crop, resize, rotate
- URL para insertar en posts

Categories & Tags:
- Manage categories (create, edit, delete)
- Hierarchical categories (parent/child)
- Tags management
- Slug customization

Blog Frontend:
- Homepage: grid de posts recientes con featured image, título, excerpt, author, date
- Single post page: título, featured image, content, author bio, comments, related posts
- Category archive pages
- Tag archive pages
- Search results page
- Sidebar: categories list, recent posts, tags cloud

Comments System:
- Comment form en cada post
- Comment moderation panel en admin
- Approve/spam/delete comments
- Reply to comments (nested)

SEO & Analytics:
- Sitemap generation
- Meta tags customization por post
- Google Analytics integration
- Popular posts widget

Características:
- Multi-author support
- User roles (admin, editor, author)
- Scheduled posts
- RSS feed
- Email subscription
- Social sharing buttons
- Related posts algorithm

Desarrolla un directorio de negocios locales con mapa interactivo estilo Yelp/Google Maps.

Layout:
- Header: logo, search bar (ubicación + término), login/register
- Dos paneles:
  * Izquierda: lista de resultados (scroll)
  * Derecha: mapa interactivo con markers

Search & Filters:
- Búsqueda por: término (ej: "restaurants"), ubicación (ej: "Madrid")
- Filtros:
  * Categoría (Restaurants, Hotels, Shopping, Services, etc.)
  * Rating (4+ stars, 3+ stars)
  * Price range ($, $$, $$$, $$$$)
  * Open now toggle
  * Distance (dentro de 5km, 10km, etc.)
- Sort by: Relevance, Distance, Rating, Most Reviewed

Results List:
- Cada business card:
  * Thumbnail image
  * Name
  * Category
  * Rating (stars) y número de reviews
  * Price range
  * Distance from search location
  * Address (breve)
  * Open/Closed status
  * Quick info: delivery, reservations, etc.
- Pagination o infinite scroll
- Hover en card destaca marker en mapa

Interactive Map:
- Markers en posición de cada negocio
- Click en marker abre info popup con link a detalle
- Cluster de markers cuando están muy juntos
- Pan y zoom en mapa
- Re-search cuando se mueve el mapa (botón "Search this area")

Business Detail Page:
- Hero image gallery
- Name, category, rating (with count)
- Address con botón "Get Directions"
- Phone, website, hours
- Photos del negocio (user-submitted)
- Reviews con:
  * User avatar y nombre
  * Stars rating
  * Date
  * Review text
  * Photos (si hay)
  * Helpful votes
- Write Review button
- Amenities list (WiFi, Parking, Wheelchair accessible, etc.)
- Similar businesses nearby
- Map con ubicación exacta

Write Review:
- Star rating selector
- Text area para review
- Photo upload (múltiples)
- Submit button
- Login required

Business Owner Dashboard:
- Claim business
- Edit business info
- Upload photos
- Respond to reviews
- View analytics (views, clicks, direction requests)

Características:
- Geolocation para usar ubicación actual
- Turn-by-turn directions
- Save favorites
- Share business
- Mobile responsive
- SEO optimizado por ciudad y categoría

Crea una app mobile-first de delivery de comida tipo Uber Eats/Rappi.

Home Screen:
- Top bar: ubicación actual (con cambiar), search, carrito
- Banner de promociones (carousel)
- Categorías de comida (scroll horizontal con iconos)
- "Restaurantes cerca de ti" (cards verticales)
- Cada restaurant card:
  * Imagen de portada
  * Logo del restaurante
  * Nombre
  * Rating y delivery time
  * Tipo de cocina
  * Promociones si hay

Restaurant Page:
- Cover photo
- Restaurant info: nombre, rating, delivery time, delivery fee
- Search dentro del menú
- Menu categories (tabs o sections): Popular, Entradas, Platos Principales, Bebidas, Postres
- Cada item:
  * Imagen
  * Nombre y descripción
  * Precio
  * Botón "+"
- Carrito sticky en la parte inferior

Item Detail Modal:
- Imagen grande del item
- Nombre y descripción
- Options/Modifiers:
  * Radio buttons (ej: size - small/medium/large)
  * Checkboxes (ej: extras - queso, bacon)
  * Cada opción con precio adicional si aplica
- Special instructions (textarea)
- Quantity selector
- Botón "Add to Cart $XX.XX"

Shopping Cart:
- Lista de items con:
  * Nombre
  * Modifiers/options seleccionados
  * Cantidad (con +/- buttons)
  * Precio
  * Remove button
- Promo code input
- Delivery address (con botón change)
- Subtotal, Delivery fee, Tax, Total
- Botón "Proceed to Checkout"

Checkout:
- Confirmar delivery address
- Delivery instructions (ej: "Ring doorbell")
- Payment method selector (credit card, cash, etc.)
- Tip selector (10%, 15%, 20%, custom)
- Review order summary
- Botón "Place Order"

Order Tracking:
- Order status: Confirmed, Preparing, On the way, Delivered
- Progress bar visual
- Mapa en vivo con ubicación del repartidor (simulado)
- Delivery person info: nombre, foto, rating
- Botones: Call, Message
- Estimated time of arrival (countdown)

Profile:
- User info
- Saved addresses (con primary/secondary)
- Payment methods guardados
- Order history
- Favorites restaurants
- Settings

Order History:
- Lista de órdenes pasadas
- Click en orden muestra detalle completo
- Botón "Reorder" o "Order Again"
- Leave review del restaurante

Características:
- Real-time order updates (simulado)
- Push notifications
- Save favorite items
- Schedule delivery para después
- Group orders
- Dark mode

Desarrolla un admin panel completo y reutilizable para gestionar aplicaciones.

Sidebar Navigation:
- Logo y nombre de la app
- Collapsible sections:
  * Dashboard
  * Users (submenu: All Users, Add New, Roles)
  * Content (submenu: Posts, Pages, Media, Comments)
  * Ecommerce (submenu: Products, Orders, Customers, Reports)
  * Analytics
  * Settings (submenu: General, Email, Security, API)
- User profile al fondo con dropdown

Dashboard Overview:
- Fecha actual y mensaje de bienvenida
- 4 stat cards con iconos:
  * Total Users (con % cambio vs mes anterior)
  * Revenue (con gráfico sparkline)
  * Orders (con % completados)
  * Active Sessions
- Charts section:
  * Line chart: Sales por día (últimos 30 días)
  * Bar chart: Revenue por categoría
  * Pie chart: Traffic sources
- Recent Activity feed (últimas acciones en la app)
- Top Products table

Users Management:
- Tabla de usuarios:
  * Avatar
  * Nombre
  * Email
  * Role (Admin, Editor, User)
  * Status (Active, Inactive)
  * Date joined
  * Actions (edit, delete, impersonate)
- Bulk actions
- Filtros por role, status, date
- Search por nombre o email
- Export to CSV
- Add User button

Add/Edit User:
- Form con:
  * Profile picture upload
  * First name, Last name
  * Email
  * Username
  * Password (con password strength indicator)
  * Role selector
  * Status toggle
  * Permissions (checkboxes por módulo)
- Save y Cancel buttons

Content (Posts) Management:
- Tabla con posts similar a Users
- Status: Draft, Published, Scheduled, Archived
- Featured image thumbnail
- Categories y tags
- View count
- Quick edit inline
- Trash management

Ecommerce - Products:
- Tabla de productos:
  * Image
  * Name
  * SKU
  * Price
  * Stock
  * Category
  * Status
  * Actions
- Inventory warnings (low stock en rojo)
- Product editor similar a post editor pero con:
  * Price y compare-at price
  * SKU
  * Inventory tracking
  * Variants (size, color)
  * Shipping dimensions

Ecommerce - Orders:
- Tabla de órdenes:
  * Order #
  * Customer
  * Date
  * Total
  * Status (Pending, Processing, Shipped, Delivered, Cancelled)
  * Actions (view, fulfill, cancel)
- Order detail view:
  * Customer info
  * Shipping address
  * Items ordered (tabla)
  * Order timeline
  * Notes privadas
  * Fulfill order button

Analytics:
- Overview metrics
- Traffic charts
- User behavior flow
- Conversion funnels
- Real-time dashboard

Settings - General:
- Site name, tagline, logo
- Timezone, date format
- Language
- Maintenance mode toggle

Settings - Email:
- Email provider config
- Email templates editor
- Test email button

Settings - Security:
- Two-factor authentication
- Session management
- API keys management
- Activity logs

Características globales:
- Dark mode toggle (persiste preferencia)
- Breadcrumbs en cada página
- Search global (cmd+K) para navegar rápido
- Notifications dropdown con badges
- Responsive: sidebar colapsable en móvil
- Keyboard shortcuts
- Customizable theme colors
- Multi-language ready