AI Engineering: Advent of AI with goose Day 2
Source: Dev.to
Day 2: The Storyteller’s Booth 📖✨
The Challenge Escalates
The winter festival’s storyteller caught laryngitis, so I needed an interactive choose‑your‑own‑adventure web app with branching paths, multiple endings, and a magical winter aesthetic.
Level Up: Goose Desktop + Developer Extension
Day 1 was all about CLI prompts. On Day 2 I started using Goose Desktop with the Developer Extension, which adds the following super‑powers:
- 📝
text_editor– create, view, and edit files - 🖥️
shell– execute terminal commands - 🔍
analyze– understand code structure - 📸
screen_capture– visual debugging - 🖼️
image_processor– work with images
These capabilities let Goose actually build the project for me.
What I Built
A fully interactive Snowy Wonderland Adventure featuring:
🏠 The Gingerbread House
- CSS‑drawn architecture with a snow‑topped roof
- Glowing windows showing a fireplace
- Animated floating effect
- Click interactions with sparkle effects
🐻❄️ Snowball the Baby Polar Bear
- Completely CSS‑drawn (no images)
- Round fluffy body, cute ears, and nose
- Waving‑arm animation
- Click to play → creates hearts and sparkles
🎀 Bow‑Shaped Candy Canes
- Fuchsia and light‑pink gradient “flowers” scattered in the snow
- Pure CSS magic
❄️ Glassmorphic Snowflakes
- Continuously falling animation with varied sizes and speeds
- Semi‑transparent with glow effects
- Theme‑adaptive colors
🎴 Neumorphism Cards
- Soft shadows creating depth
- Hover effects that lift the cards
- Theme‑adaptive styling with smooth transitions
📖 The Interactive Story
- 8 interactive scenes with branching paths
- 3+ choice points throughout
- 2 different endings:
- 💖 Stay forever in the wonderland
- 🌟 Promise to visit with a magical bow
- Progress tracker and restart functionality
🎨 Three Theme Modes
- Light Mode ☀️ – bright winter wonderland
- Dark Mode 🌙 – mystical night scene
- Mixed Mode 🌓 – twilight gradient
- Keyboard shortcuts (1, 2, 3) to switch
My Tech Stack
- JavaScript (vanilla)
- Single HTML file with embedded:
- HTML5 structure
- CSS3 (animations, gradients, neumorphism, glassmorphism)
- Google Fonts (Pacifico, Dancing Script)
The AI Engineering Process
| Iteration | Prompt | Outcome |
|---|---|---|
| 1️⃣ Vision | “Create a choose‑your‑own‑adventure web app set in a snowy wonderland.” | Goose generated the base structure with all visual elements. |
| 2️⃣ Design System | “Make the cards neumorphism style with soft shadows. Use a dark slate palette.” | Goose refined the design system across the app. |
| 3️⃣ Interactivity | “Add interactive features for branching story logic.” | Goose implemented all interactions and state handling. |
What I Learned
- AI pair programming is real.
- Specific prompts unlock higher quality output.
- Single‑file apps are surprisingly powerful.
- CSS art can replace many image assets.
- The Developer Extension dramatically speeds up development.
Technical Deep Dive
- Neumorphism Implementation – soft‑shadow layers and inset effects.
- Glassmorphism Snowflakes –
backdrop-filterblur with semi‑transparent gradients. - CSS Polar Bear – organic shapes created via
border-radiuspercentages. - Branching Story Logic – simple DOM manipulation without any framework.
Real‑World Applications
- Interactive marketing campaigns (branded experiences)
- Educational content (gamified learning)
- Onboarding flows (user journeys)
- Rapid prototyping (test ideas before full development)
- Portfolio pieces (showcase creativity + tech)
The Results
- Fully functional with branching paths
- Beautiful winter aesthetic, mobile‑responsive
- Interactive and engaging – feels magical
- Single‑file deployment (easy to share)
- Built with a blend of UI design and AI assistance
What’s Next?
Day 3 will focus on data visualization for a Hot Cocoa Championship—the complexity keeps climbing, and I’m learning a lot about AI‑assisted development.
Try It Yourself
- Get Goose Desktop from
- Enable the Developer Extension (Settings → Extensions)
- Get free credits at (code: ADVENTDAY2)
- Start with a prompt such as: “Create a choose‑your‑own‑adventure story about …”
- Iterate and refine through conversation
Three Approaches You Can Take
- One‑shot prompt – describe everything at once (fast but less control).
- Iterative – start simple and refine through conversation (recommended).
- Plan first – have Goose create a plan before executing (best for complex projects).
Final Thoughts
AI‑assisted development isn’t about replacing developers; it amplifies creativity. I focused on design decisions, user experience, and storytelling while Goose handled the implementation details. The result is a magical winter wonderland that would have taken days to code manually.
Day 2 complete. Storyteller saved. Polar bear adorable. 🐻❄️✨
What story would you build with AI? Share your ideas below!
This post is part of my Advent of AI journey – AI Engineering: Advent of AI with Goose, Day 2.