ATD SHIFT Summit 2026

Vibe Coding Portable Web Objects

Revisit two hands-on learning game paths: build an office maze from a workshop kit, or explore the Dragon Flight skill walkthrough. The portable delivery resources are below.

Date
Wednesday, July 29, 2026
Time
2:45–4:15 PM
Venue
ATD SHIFT Summit
Format
Hands-on / BYOD
The big idea

Two builds and a ready-to-use path

Build a portable game folder with your questions, or use the PWO Generator to start from an existing game format. Choose the route that fits your tools and delivery needs.

Build 1 · Workshop kit

The Cowork Maze

Use the Cubicle Run kit to build an office maze from artwork and quiz questions, then package it for your course.

Explore the maze kit
Build 2 · Skill walkthrough

Dragon Flight

Play a question-gate game, then follow the self-paced walkthrough to build with your own questions.

See Dragon Flight
Part 1 · Build in Microsoft 365

Part 1: The Maze Build (15 minutes)

Start with a portable folder. Claude Cowork is the Claude that lives inside Microsoft 365, so this build happens right where your work documents already live: we hand it a folder of artwork and quiz questions, and it builds Cubicle Run, an office maze game, as a folder of files. Play the finished maze right here, then grab everything you need below.

Do it yourself in three steps
  1. Step 1 Download the kit below. It arrives as one zip file; right-click it and choose Extract All (don't just double-click, that only peeks inside). Extracting gives you a folder named workshop holding the artwork, the quiz questions, the build instruction, and a finished reference build if you get stuck.
  2. Step 2 Start a Claude Cowork session, connect that extracted workshop folder, and send it the one-line message (copy button below). Cowork reads the instruction file and builds the game.
  3. Step 3 Open questions.csv and swap in your own questions. Same game, your content. Then drop the folder into Storyline or upload the zip to a Rise Code Block.
Prompts · Go deeper

The Prompts Behind It

The build-from-art prompt (same game from just the artwork) and the packaging prompt that turns the exact source into all four zips, byte for byte.

Exact source (zip)
Part 2 · Build your own

Part 2: Dragon Flight (30 minutes)

Next, try a game you can make your own. It's a Portable Web Object I vibe-coded: you fly a 3D dragon through a run of question gates, answer right, keep flying. Play it right here, then build your own with your questions in it. This path runs on a Claude Code skill, expert instructions saved in a folder you reuse, so game two costs you nothing but four new questions.

30-minute run of show
  1. 5 min Play the game
  2. 10 min Peek at how it was vibe-coded
  3. 15 min Start your own build
Part 2 · The walkthrough

Build a Learning Game in 30 minutes

The full walkthrough takes you through building a real Claude Code skill, then using it to turn your own quiz questions into the dragon-flight game you just played. No code, just a good brief and four good questions. Fully self-paced, so wherever you get to in the room, you can finish at home.

Resources

Keep building

The maze kit and packaging guide support the hands-on path above.

PDF · Setup

Storyline & Rise Setup

Screenshots showing how to insert a web object and publish, step by step.

Download PDF

Want new templates and tips?

The resources on this page are free, no email needed. Leave your email only if you'd like new prompts and templates from me down the road.

No spam. Unsubscribe any time.

Thanks! You're on the list. I'll send new templates your way.
Something didn't go through. Try again or email rachel@emdesigns.ai.
Rachel Weiss, founder of EM Designs

About Rachel

I'm Rachel Weiss, an instructional designer and founder of EM Designs. I build eLearning that actually gets used: portable web object games, AI-assisted authoring tools, and consulting for L&D teams who are tired of clicking "next."

If anything in the session sparked a project idea, the easiest next step is a 20-minute intro call. No pitch, just a conversation.