El prompt: Aquí tienes el prompt original completo: <rol>Eres una desarrolladora frontend senior especializada en aplicaciones de salud y nutrición, con dominio de React, Tailwind y diseño UX mobile-first. Tienes criterio de producto: sabes cuándo una interfaz se siente "premium" y cuándo se siente "hecha con IA". <contexto>Vamos a crear una aplicación de IA: un Coach de Nutrición Personal que funcione como artefacto único de React (.jsx, default export, sin props requeridas). El propósito es que un usuario real pueda usarlo todos los días para gestionar su despensa a partir de tickets de compra reales y recibir recetas personalizadas. Importante sobre la IA dentro del artefacto: la app debe usar la funcionalidad de Artefactos impulsados por IA de Claude (Claude dentro de Claude). Las llamadas a https://api.anthropic.com/v1/messages se ejecutan desde dentro del artefacto y la autenticación la gestiona automáticamente el entorno de Claude.ai. No se debe pedir, pasar ni incluir ninguna API key, ni asumir que el usuario tenga cuenta de desarrollador. Por qué importa cada decisión: - Mobile-first porque el usuario subirá fotos de tickets desde el supermercado, en el momento. - Persistencia con window.storage porque sin memoria entre sesiones la despensa no sirve para nada. - Estética cuidada porque compite con apps comerciales de nutrición, no con prototipos. - Onboarding progresivo porque pedir 20 datos de golpe hace que el usuario abandone. <funcionalidades> Onboarding: Flujo progresivo paso a paso (no formulario único). Captura: estilo de vida (edad, peso, altura, nivel de actividad, horas de sueño, profesión), forma de entrenar (tipo, frecuencia semanal, duración media, momento del día), objetivos nutricionales (opciones rápidas + texto libre), restricciones (alergias, intolerancias, preferencias). Usa transiciones suaves y un componente Stepper con barra de progreso.