Create a beautiful, highly interactive web app for my partner, an English speaker, to learn French.

- Track her daily progress.
- Use a highly engaging theme.
- Include a variety of activities (e.g., flashcards, quizzes, etc.).

One activity should be a snake-style game in which the snake is replaced by a mouse and the apples are replaced by cheese. Each timé the mouse eats a piece of cheese, play a voice-over that introduces a new French word so she can practice pronunciation while playing. Make it controllable with the arrow keys.

Think before answering. 
Render everything in canvas.

Create a beautiful, highly interactive web app to teach Italian cooking step-by-step.

- Audience: beginner to intermediate home cooks.
- Tone & theme: cozy “Trattoria di Nonna” vibe (warm colors, wood textures, subtle steam animations, confetti on success).
- Core loop: pick a recipe → prep mode → cook-along steps with timers & voice guidance → plating → reflection (rate difficulty, leave notes).

Must-have features
1) Progress tracking
   - Daily streaks, badges (e.g., “Pasta Pro,” “Risotto Rookie”).
   - Mastery per skill (boiling pasta, sautéing, risotto stirring).
   - Save completed recipes, personal notes, time spent.
   - Persist with localStorage.

2) Step-by-step cook-along
   - Each step shows: short instruction, expected time, visual cue, optional tip.
   - Built-in timers (1–30 min), progress ring, pause/resume/restart.
   - Keyboard controls: ← → to move between steps; Space to start/pause timer; 1/2/3 to set quick timers.
   - Voice-over for every step (play/pause/mute). If TTS is available, pronounce key Italian words (e.g., “al dente,” “soffritto”). Provide captions.

3) Activities (variety & engagement)
   - Ingredient Flashcards: image/illustration + Italian term + pronunciation + quick swaps (e.g., “guanciale → pancetta”).
   - 60-second Technique Quiz: multiple choice about methods (e.g., salt ratio for pasta water).
   - Substitution Helper: suggest alternatives based on dietary needs (vegetarian, halal, gluten-free).
   - Shopping List Builder: add ingredients from a recipe, export as plain text.

4) Mini-game (arrow-key controlled)
   - “Pan & Toss”: a pan at the bottom; ingredients fall from the top. Use arrow keys to move the pan and catch the correct items for the current step (e.g., catch “garlic” during soffritto; avoid “sugar”).
   - Each correct catch triggers a short audio tip in Italian (with English translation voice-over), e.g., pronouncing “soffritto,” “al dente,” “mantecatura.”
   - Score converts to small boosts (e.g., add +10s to timer, unlock a pro tip).
   - Esc to exit game and return to cook-along.

5) Recipe set (include full data, metric + US units)
   - At least 6 complete recipes with 8–15 steps each:
     * Spaghetti alla Carbonara
     * Cacio e Pepe
     * Margherita Pizza (simple dough + bake timing)
     * Risotto alla Milanese
     * Lasagne alla Bolognese
     * Tiramisù
   - Provide: yield, prep/cook time, ingredients (g/ml + cups/tsp), allergens, difficulty, tips, plating suggestion.

6) Accessibility & UX
   - High-contrast toggle; scalable text (within canvas); captions for audio.
   - “Hands-dirty mode”: large buttons, voice prompts, minimal text.
   - On first interaction, ask for audio permission; default muted (user can unmute).

7) Tech constraints
   - Render EVERYTHING on a single HTML5 <canvas> (no DOM UI elements besides <canvas> and necessary <audio> tags).
   - Responsive layout on desktop/tablet/mobile; handle pixel ratio scaling.
   - No external images: draw simple illustrations/placeholders directly in canvas.
   - Smooth animations with requestAnimationFrame; maintain 60fps targets.
   - Store state (progress, notes, streaks) in localStorage; no server.

8) Structure & quality
   - Organize code cleanly (state manager, scene/router system: Home, Recipes, Prep, Cook, Game, Review, Profile).
   - Comment key sections; provide a brief “Architecture Plan” comment block before coding.
   - Include a help/controls overlay (H to toggle).

Deliverables
- A single runnable HTML file with embedded CSS/JS that opens and works offline in a modern browser.
- Include at least 6 complete recipes as JSON data inside the file.
- Provide a short “First-Run Tour” that teaches controls and how to navigate steps, timers, and the mini-game.

Think before coding. Plan the architecture first, then implement.
Render everything in canvas.

{
  "prompt": "A realistic product display of a jewelry set on a black leather-textured bust stand. The jewelry includes a delicate gold necklace with a butterfly pendant and a matching pair of gold butterfly-shaped stud earrings. The bust stand has a matte, slightly textured surface resembling faux leather. The necklace is positioned naturally, with the thin gold chain hanging symmetrically and the butterfly pendant centered. The earrings are placed on the top part of the bust, equally spaced and aligned, showcasing their butterfly shape clearly. The jewelry is polished, shiny, and reflective, with smooth edges, highlighting the golden metallic finish. The background is plain white with soft studio lighting, ensuring all the jewelry details are visible with no harsh shadows. The overall composition emphasizes luxury, elegance, and clarity, perfect for e-commerce product presentation.",
  "size": "1024x1024",
  "style": "realistic, high-detail, studio product photography",
  "lighting": "soft, even, studio lighting",
  "materials": {
    "jewelry": "polished gold metal",
    "stand": "matte black faux leather with subtle texture"
  },
  "objects": {
    "necklace": {
      "chain": "thin gold chain",
      "pendant": "gold butterfly pendant, smooth edges, shiny finish"
    },
    "earrings": {
      "type": "stud",
      "design": "butterfly shape, gold, polished, symmetrical pair"
    },
    "bust_stand": {
      "color": "black",
      "texture": "leather-like",
      "shape": "classic jewelry bust form"
    }
  },
  "composition": {
    "focus": "centered jewelry set",
    "background": "plain white, clean and minimal",
    "perspective": "frontal view, straight-on angle"
  }
}

{
  "scene": {
    "subject": "frozen fruits",
    "action": "being sliced with a sharp knife in slow motion",
    "details": [
      "slices fall apart smoothly",
      "frosty particles scatter",
      "cold mist spreads in the air"
    ]
  },
  "camera": {
    "style": "cinematic close-up",
    "motion": "smooth tracking",
    "focus": "sharp focus on fruit and slicing action",
    "speed": "slow-motion"
  },
  "visuals": {
    "lighting": "crisp, high-contrast, dramatic",
    "background": "minimal, dark to highlight subject",
    "textures": ["icy surface", "frost details"],
    "resolution": "4K"
  },
  "mood": {
    "atmosphere": "satisfying and dramatic",
    "tone": "cold, refreshing"
  },
  "output": {
    "duration": "5-8 seconds",
    "format": "mp4"
  }
}

برنامه‌ریزی و استراتژی چیدن

تصویرسازی خط زمانی کمپین - Build a timeline for our upcoming multi-channel campaign. Key dates and milestones are: [insert info]. Output as a horizontal timeline with phases, owners, and deadlines.

طوفان فکری برای ایده‌های کمپین - Brainstorm 5 creative campaign ideas for our upcoming [event/launch]. The audience is [insert target], and our goal is [insert goal]. Include a theme, tagline, and 1-2 core tactics per idea.

پیش‌نویس یک بریف خلاقانه - Create a creative brief for our next paid media campaign. Here's the goal, audience, and offer: [insert info]. Include sections for objective, audience insights, tone, assets needed, and KPIs.

ساخت یک چارچوب پیام‌رسانی - Build a messaging framework for a new product. The product details are: [insert info]. Output a table with 3 pillars: key benefits, proof points, and emotional triggers.

ساخت نقشه سفر مشتری - Create a customer journey map for our [product/service]. Our typical customer is [insert profile]. Break it into stages, goals, touchpoints, and potential pain points per stage. Output as a table.

تحقیقات بازار و رقابتی

تحلیل محتوای رقابتی - Research how top 5 competitors structure their blog content strategy. Include tone, topics, frequency, SEO focus, and CTAs. Provide URLs, takeaways, and a table summarizing common and standout tactics.

تحقیق در مورد روندهای نوظهور در رفتار خریدار - Research 2024 trends in how [type] buyers research and evaluate [industry] products. Include behavior shifts, content preferences, and channel usage. Cite sources and format as a short briefing with bullet-point insights.

تحقیق در مورد بنچمارک‌های کمپین منطقه‌ای - Research typical CTRs, CPCs, and conversion rates for digital campaigns targeting [location] in 2024. Focus on [ad channels]. Include source links and a table comparing each metric by country.

تحقیق در مورد حضور رقبای رویداد صنعتی - Compile a summary of how our competitors are participating in [insert upcoming event]. Include booth activations, speaking sessions, sponsorships, and media coverage. Output as a table with links and analysis.

تحقیق در مورد ابزارهای هوش مصنوعی برای بازاریابان - Research the most recommended [tools] for marketers by function (e.g. copywriting, planning, analytics, design). Create a table with features, pricing, pros/cons, and primary use case. Include sources.

توسعه محتوا و خلاقیت

پیش‌نویس ایمیل معرفی محصول - Write a launch email for our new product. Use the following info about the product and target audience: [insert details]. Make it engaging and persuasive, formatted as a marketing email ready for review.

تولید نسخه‌های مختلف متن تبلیغاتی - Create 5 ad copy variations for a [channel] campaign. Here's the campaign theme and audience info: [insert context]. Each version should test a different hook or tone.

ایجاد یک سری پست اجتماعی - Draft a 3-post social media series promoting [event, product, or milestone]. Use this background for context: [paste details]. Each post should include copy and a suggested visual description.

ایجاد یک پست معرفی مشتری - Write a customer spotlight post based on this success story: [paste key details]. Make it conversational, authentic, and aligned to our brand voice. Output as a LinkedIn post draft.

ایجاد یک اسکریپت ویدیوی توضیحی - Draft a script for a 60-second explainer video about [product/topic]. Here's what it should cover: [insert info]. Make it punchy and clear, with suggested visuals or animations.

فایننس و تحلیل بازار

بنچمارک عملکرد مالی - Benchmark our financial performance against companies in the [insert industry] sector. Use public data to compare gross margin, net profit, and CAC. Present results in a table with source links.

بنچمارک نسبت هزینه‌ها در مقایسه با رقبا - I'm a finance lead at [insert company or industry]. Research current SG&A and R&D expense ratios for 5 comparable companies in the [insert sector, e.g., SaaS, manufacturing, healthcare]. Provide a table with metrics, source links, and a short analysis of how we compare.

تحلیل رقابتی جذب سرمایه - I'm a CFO preparing for our next fundraising round. Research recent funding rounds (past 12 months) in [insert industry]. Summarize deal sizes, valuations, lead investors, and positioning. Format as a briefing memo with source citations and clear bullet-point insights.

امور مالی عملیاتی و بهبود فرآیند

شناسایی فرصت‌های کاهش هزینه - Identify cost reduction opportunities from our recent budget report. Use the breakdown from [insert cost center or department] to evaluate. Provide a table with opportunities, projected savings, and any potential risks.

ارزیابی تناسب مالی و استراتژیک یک هدف ادغام و تملک (M&A) - Evaluate the financial and strategic fit of an M&A target. Use this context: [insert company profile or key metrics]. Output should be a table of pros/cons and a 3-paragraph summary of risk/reward.

تصویرسازی داده‌های مالی

ایجاد قیف رشد درآمد - Create an image of a revenue growth funnel with labeled stages: Acquisition → Activation → Revenue → Retention → Expansion. Use a clean, modern style suitable for an executive finance presentation. Include icons for each stage.

ایجاد نمودار فرآیند برنامه‌ریزی بودجه - Create a horizontal process flow diagram showing a budget planning cycle: Forecasting → Review → Stakeholder Input → Approval → Tracking → Adjustment. Use corporate-style visuals with subtle color and labels.

نمایش تاثیر طرح‌های ESG بر معیارهای مالی - Create a visual showing how ESG initiatives can impact finance metrics. Show links between sustainability investments and cost savings, risk mitigation, and investor interest.