Prompts per AI Coding Agent

Crea un'applicazione web chiamata "Spritz No More" - un Business Game Simulator per simulare il lancio di un cocktail ready-to-serve. ## ARCHITETTURA Usa il pattern MVC con questa struttura di file: - index.html (pagina principale) - css/styles.css (stili) - js/FormattazioneUtils.js (utility per formattazione numeri/valuta) - Models/TerritorioEntity.js (entità territorio con proprietà: id, nome, previsione, prezzoB2B, prezzoB2C, percB2B, costoProduzione, costiDistribuzione, costiMarketing) - Models/SimulazioneEntity.js (entità simulazione con calcoli aggregati) - DTOs/TerritorioFormDto.js (DTO per form input) - DTOs/TerritorioListDto.js (DTO per visualizzazione lista) - Services/SimulazioneService.js (logica business: calcoli fatturato, margini, break-even) - Services/ChatGPTService.js (integrazione OpenAI API per analisi AI) - Controllers/SimulazioneViewController.js (gestione UI e interazioni) ## FUNZIONALITÀ RICHIESTE 1. **Gestione Territori**: 4 territori predefiniti (Verona, Trentino, Mantova, Milano) con card interattive 2. **Parametri per Territorio**: - Previsione bottiglie (12 mesi) - Prezzo B2B e B2C separati - Percentuale vendite B2B (il resto è B2C) - Costo produzione unitario - Costi distribuzione e marketing 3. **Modal per Modifica**: Form modale per modificare i parametri di ogni territorio 4. **Riepilogo Totali** (sidebar): - Bottiglie vendute totali - Obiettivo (2.200 bottiglie default) - Fatturato totale - Costi totali - Margine lordo e percentuale - Progress bar raggiungimento obiettivo 5. **Break-Even Point**: Calcolo automatico del punto di pareggio (unità e fatturato minimo) 6. **Grafici Chart.js**: - Andamento mensile (line chart) - Distribuzione per territorio (pie chart) - Scenari What-If (bar chart) - Performance territori (bar chart margini) 7. **Assistente AI**: - Input per chiave API OpenAI (salvata in localStorage) - Domande suggerite predefinite - Campo input per domande libere - Bottone "Analizza Simulazione" per analisi automatica - Area risposta con loader 8. **Toolbar**: Bottoni Reset e Esporta Dati (JSON) ## STILE - Design moderno con CSS custom properties - Colori: verde menta (#A8D5BA, #7CB99A) come accento primario - Card con ombre soft e hover effects - Layout responsive con CSS Grid - Font: Segoe UI o simile ## FORMULE DI CALCOLO - Fatturato = (Bottiglie × %B2B × PrezzoB2B) + (Bottiglie × %B2C × PrezzoB2C) - Costi Totali = (Bottiglie × CostoProduzione) + CostiDistribuzione + CostiMarketing - Margine = Fatturato - Costi Totali - Break-Even (unità) = Costi Fissi / (Prezzo Medio - Costo Variabile Unitario) ## NOTE TECNICHE - Usa Chart.js 4.x da CDN - Salva dati in localStorage - Formatta numeri in italiano (1.000,00) - API OpenAI: usa gpt-4o-mini, temperatura 0.7

Crea un'applicazione web chiamata "AI Sensemaker" - una dashboard per l'analisi intelligente delle recensioni nel settore ristorazione. ## ARCHITETTURA Usa il pattern MVC con questa struttura: - index.html (SPA con sezioni: Dashboard, Recensioni, Analisi, Impostazioni) - css/style.css - Models/RecensioneEntity.js (id, data, fonte, testo, valutazione, sentiment, giorno, fascia) - Models/AnalisiEntity.js (id, dataAnalisi, totaleRecensioni, mediaSentiment, paroleChiave[], suggerimenti[]) - DTOs/RecensioneFormDto.js, RecensioneListDto.js, AnalisiDto.js - Repositories/RecensioneRepository.js (CRUD localStorage) - Repositories/AnalisiRepository.js - Services/RecensioneService.js (logica filtri, statistiche) - Services/ChatGPTService.js (analisi AI) - Services/AnalisiService.js (elaborazione risultati) - Utils/DateFormatter.js (formattazione date italiane gg/mm/aaaa) - Utils/NumberFormatter.js (numeri italiani 1.000,00) - Utils/MapperExtensions.js (conversioni Entity <-> DTO) - Controllers/DashboardViewController.js - Controllers/RecensioneApiController.js - Data/DatiDemo.js (dataset recensioni demo) - js/app.js (inizializzazione) ## FUNZIONALITÀ ### Sezione Dashboard - 4 stat cards: Recensioni Totali, Media Valutazioni, % Positive, Ultima Settimana - 4 grafici Chart.js: - Distribuzione valutazioni (bar chart 1-5 stelle) - Distribuzione sentiment (doughnut: positivo/neutro/negativo) - Trend temporale (line chart ultimi 30 giorni) - Performance per giorno settimana (bar chart) ### Sezione Recensioni - Filtri avanzati: date (da/a), fonte (TheFork, TripAdvisor, Google, Facebook, Instagram), giorno settimana, fascia oraria (colazione, pranzo, aperitivo, cena, dopocena), sentiment - Barra ricerca full-text - Import/Export CSV (usa Papa Parse) - Lista recensioni con card espandibili - Modal dettaglio recensione ### Sezione Analisi AI - Pannello configurazione API OpenAI - Bottone "Avvia Analisi AI" (disabilitato se no API key) - Risultati: suggerimenti proattivi, alert, word cloud parole chiave - Storico analisi salvate ### Sezione Impostazioni - Input chiave API OpenAI (type password) - Test connessione API - Elimina recensioni / Elimina storico analisi - Info versione app ## FUNZIONALITÀ AGGIUNTIVE - Theme toggle (chiaro/scuro) con icona luna/sole - Bottone "Demo" per caricare dati esempio - Skip link accessibilità - Loading overlay con spinner - Navigazione con scroll smooth alle sezioni ## STILE - Design moderno, professionale - Colori primari: blu (#667eea), viola (#764ba2) - Font: Inter da Google Fonts - Card con border-radius 12px e ombre soft - Responsive mobile-first ## ANALISI AI (prompt per ChatGPT) Quando l'utente clicca "Avvia Analisi", invia a ChatGPT: - Riepilogo statistico delle recensioni - Richiedi: sentiment analysis, parole chiave frequenti, suggerimenti operativi, alert su problemi ricorrenti - Formatta risposta in JSON strutturato ## DATI DEMO Crea un file DatiDemo.js con 50+ recensioni di esempio che coprono: - Diverse fonti (TheFork, TripAdvisor, Google, etc.) - Range di valutazioni 1-5 - Vari sentiment (positivo, neutro, negativo) - Date sparse negli ultimi 60 giorni - Testi realistici su cibo, servizio, ambiente, prezzi

Crea un'applicazione web chiamata "Business Scenario Simulator" - un simulatore per analizzare scenari business nel settore ristorazione. ## ARCHITETTURA Pattern MVC con struttura: - index.html (SPA con tabs: Dashboard, Simulatore, Scenari Salvati, Impostazioni) - assets/css/styles.css - models/PiattoEntity.js (id, nome, categoria, menu, prezzo, costo, popolarità) - models/RistoranteEntity.js (nome, costiPersonale, costiFissi, copertiMedi) - models/VenditaStoricaEntity.js (mese, ricavi, costi, coperti) - models/ScenarioEntity.js (id, nome, descrizione, variazioni, risultati, dataCreazione) - dtos/PiattoListDto.js, ScenarioFormDto.js, ScenarioResultDto.js - repositories/PiattoRepository.js, RistoranteRepository.js, VenditaStoricaRepository.js, ScenarioRepository.js - services/SimulazioneService.js (motore calcolo scenari) - services/ChatGPTService.js - controllers/DashboardViewController.js - controllers/ScenarioViewController.js - controllers/GraficiController.js - app.js ## FUNZIONALITÀ ### Tab Dashboard - 4 KPI cards: Fatturato Annuale, Margine Annuale (con %), Coperti Medi, Scontrino Medio - Grafici storici: - Andamento Ricavi ultimi 12 mesi (line chart) - Margine Lordo mensile (bar chart) - Coperti Mensili (bar chart) - Analisi per Categoria menu (grid con mini-card per categoria) - Tabella Menu Completo con colonne: Piatto, Categoria, Menu, Prezzo, Costo, Margine, %, Popolarità ### Tab Simulatore - Form "Nuovo Scenario": - Nome scenario (required) - Descrizione (textarea) - Slider "Variazione Prezzi" (-50% a +100%) - Slider "Variazione Coperti" (-50% a +200%) - Slider "Variazione Costo Ingredienti" (-30% a +50%) - Slider "Variazione Costo Personale" (-20% a +50%) - Slider "Variazione Costi Fissi" (-30% a +50%) - Ogni slider mostra valore corrente (es: "+10%") - Bottoni: "Simula Scenario", "Salva Scenario" (disabilitato fino a simulazione) - Pannello Risultati Simulazione: - Nome scenario simulato - Ricavi Annuali con delta vs base (€ e %) - Costi Annuali - Margine Annuale con delta - % Margine - Grafico confronto base vs simulato (grouped bar) - Grafico breakdown costi (stacked bar o doughnut) - Bottone "Analizza con ChatGPT" - Area analisi ChatGPT (nascosta, appare dopo analisi) ### Tab Scenari Salvati - Lista scenari salvati con: - Nome, descrizione, data - Bottoni: Carica, Elimina - Possibilità di ricaricare uno scenario nel simulatore ### Tab Impostazioni - Input chiave API OpenAI - Bottoni: Salva, Testa Connessione - Istruzioni per ottenere API key - Info applicazione ## DATI INIZIALI Crea dati demo realistici per un ristorante italiano: - 20+ piatti divisi in: Antipasti, Primi, Secondi, Contorni, Dolci, Bevande - Ogni piatto con prezzo (8-25€), costo (30-45% del prezzo), popolarità (1-5) - 12 mesi di vendite storiche con stagionalità (estate +20%, inverno -10%) - Ristorante: 80 coperti medi, 45.000€ personale/mese, 15.000€ fissi/mese ## FORMULE - Fatturato = Σ(Prezzo × VenditeStimate × GiorniApertura) - Costi = CostiIngredienti + CostiPersonale + CostiFissi - Margine = Fatturato - Costi - Variazioni applicate come moltiplicatore: valore × (1 + variazione%) ## STILE - Theme toggle chiaro/scuro - Colori: gradiente rosa/viola (#f093fb, #f5576c) - Font: Inter - Tabs con icone emoji - Slider custom styled - Responsive

Crea un'applicazione web chiamata "Menu Optimizer" - uno strumento professionale per Menu Engineering e analisi Food Cost. ## ARCHITETTURA Pattern MVC: - index.html (SPA con navigazione: Dashboard, Ingredienti, Menu, Nuovo Piatto, Simulazione, Analisi Foto) - Stili inline nel file (o css separato) - Models/IngredienteEntity.js (id, nome, costoPerUnita, unitaMisura, categoria, fornitore) - Models/PiattoEntity.js (id, nome, descrizione, categoria, prezzoVendita, ingredienti[], venditeMedie) - Models/MenuEntity.js (id, nome, piatti[], dataCreazione) - Models/VenditaEntity.js (piattoId, quantita, settimana) - DTOs/IngredienteFormDto.js, PiattoFormDto.js, PiattoListDto.js, SimulazioneDto.js - Repositories/BaseRepository.js (classe base CRUD localStorage) - Repositories/IngredienteRepository.js, PiattoRepository.js, VenditaRepository.js - Services/FoodCostService.js (calcolo costi piatti) - Services/MenuEngineeringService.js (classificazione BCG, suggerimenti) - Services/SimulazioneService.js (scenari what-if) - Services/ChatGPTService.js (nomi piatti, analisi foto) - Assets/js/app.js (inizializzazione, navigazione, event handlers) ## FUNZIONALITÀ ### Dashboard - 4 stat cards: Piatti nel Menu, Ingredienti, Margine Medio (€), Food Cost Medio (%) - **Matrice BCG** (griglia 2x2): - ⭐ Star: alta popolarità + alto margine (sfondo giallo) - 🧩 Puzzle: bassa popolarità + alto margine (sfondo azzurro) - 🐴 Cavallo da Traino: alta popolarità + basso margine (sfondo verde) - 🐕 Cane: bassa popolarità + basso margine (sfondo arancione) - Ogni quadrante mostra lista piatti classificati - Pannello Suggerimenti con card colorate per priorità (alta=rosso, media=giallo, bassa=blu) ### Ingredienti - Upload CSV (drag & drop) formato: Nome;CostoPerUnita;UnitaMisura;Categoria;Fornitore - Preview dati importati - Tabella ingredienti con colonne: Nome, Costo/Unità, Unità, Categoria, Fornitore, Azioni - Bottone Aggiungi ingrediente manuale - Form modale per nuovo ingrediente ### Menu - Upload CSV piatti - Slider "Percentuale Costi Fissi" (0-100%, default 30%) - Tabella menu: Piatto, Categoria, Costo, Prezzo, Margine, Food Cost %, Vendite/Sett., Classificazione BCG - Colori condizionali: verde se margine buono, rosso se food cost > 35% ### Nuovo Piatto - Form creazione piatto fuori menu: - Nome piatto (input) - Categoria (select: Antipasti, Primi, Secondi, Contorni, Dolci) - Selettore ingredienti (dropdown + quantità + bottone aggiungi) - Lista ingredienti selezionati con tag removibili - **Calcolo Costo in Tempo Reale** (aggiorna mentre aggiungi ingredienti): - Costo Base (somma ingredienti) - Costi Fissi (basato su slider %) - Costo Totale - Prezzo Suggerito (costo × 3 per food cost ~33%) - Bottone "Suggerisci Nomi con AI" → chiama ChatGPT con ingredienti, mostra 5 nomi creativi - Input prezzo vendita finale - Bottone Salva Piatto ### Simulazione - Select tipo simulazione: - Variazione Prezzo Singolo Piatto - Variazione Costo Ingrediente - Aumento Generale Prezzi - Per ogni tipo, form specifico: - Prezzo piatto: select piatto + nuovo prezzo - Costo ingrediente: select ingrediente + nuovo costo - Aumento generale: slider percentuale (-20% a +30%) - Risultati simulazione: - Confronto PRIMA/DOPO con card affiancate - Differenza evidenziata (verde se positiva, rosso se negativa) - Impatto su margine totale menu ### Analisi Foto (AI Vision) - Upload foto piatto (drag & drop, JPG/PNG/WebP) - Preview immagine - Bottone "Analizza Impiattamento con AI" - Risultati (da ChatGPT Vision): - Punteggio estetico (1-10) - Commento generale - Palette colori estratti (5 swatch colorati) - Punti positivi (lista) - Suggerimenti miglioramento (lista) - Bottone "Applica Colori alla UI" → cambia CSS custom properties con colori estratti ## IMPOSTAZIONI (Modal) - Input API Key OpenAI - Slider costi fissi default - Bottone ripristina colori predefiniti - Gestione dati: Esporta tutto (JSON), Importa, Carica dati esempio, Cancella tutto ## FORMULE - Food Cost % = (Costo Ingredienti / Prezzo Vendita) × 100 - Margine = Prezzo - Costo Totale - Costo Totale = Costo Ingredienti × (1 + %CostiFissi/100) - Prezzo Suggerito = Costo Totale × 3 (target food cost 33%) - Classificazione BCG: usa mediana vendite e mediana margine come soglie ## STILE - Palette calda: beige (#E8D5B7), crema (#F5E6CC), oro (#C4A574) - Theme toggle chiaro/scuro - Icone emoji nelle intestazioni - Card con border-radius 12px - Responsive con breakpoint mobile 768px ## PROMPT CHATGPT PER NOMI PIATTI "Sei un chef creativo italiano. Dato questo elenco di ingredienti: [lista]. Suggerisci 5 nomi creativi e appetitosi per un piatto che li utilizzi. Rispondi solo con i 5 nomi, uno per riga." ## PROMPT CHATGPT PER ANALISI FOTO "Analizza questa foto di un piatto. Valuta: 1) Punteggio estetico (1-10), 2) Commento generale, 3) 5 colori dominanti in formato HEX, 4) Punti positivi, 5) Suggerimenti. Rispondi in JSON."