22 Lost Apps, two formats each

16:9 episode

How to design a visual agent workflow editor without accidentally building a remote-code execution engine.

1. Introduce the museum artifact and agent palette.
2. Build a synthetic three-step workflow.
3. Open the prompt and parameter editor.
4. Reveal that execution is deterministic mock output.
5. Show the clean-room rebuild rejecting invalid JSON.

9:16 short

Three workflow nodes, zero agents, one surprisingly complete prototype.

Proof shots:

• Full page with Available Agents, Workflow Builder and Execution Results.
• Add Collect, Summarize and Review steps.
• Open Configure Step and show agent, skills, prompt and parameters.

16:9 episode

Prototype enterprise automation safely before connecting a single production system.

1. Introduce the action-card interface.
2. Filter Email, Dynamics 365 and Memory actions.
3. Edit and connect two synthetic actions.
4. Reveal the hardcoded simulation mode.
5. Show a safe rebuild with explicit simulation badges.

9:16 short

This CRM automation demo has a secret: every result is fake on purpose.

Proof shots:

• Automated Actions overview and category tabs.
• Select Email and Dynamics 365 filters.
• Open Edit Command.

16:9 episode

Rebuilding a browser game console while replacing executable JSON with a safe cartridge specification.

1. Reveal the handheld shell.
2. Open the built-in game library.
3. Demonstrate controls on an original game.
4. Explain the executable-cartridge risk.
5. Show the safe data-only cartridge rebuild.

9:16 short

Would you install a JSON game cartridge if it could execute JavaScript?

Proof shots:

• Hero shot of the iOS console.
• Open RetroPlay Store.
• Play a built-in fallback game.

16:9 episode

How to build an offline assessment dashboard from nothing but a JSON contract.

1. Show the empty upload state.
2. Load a synthetic fixture.
3. Reveal completion metrics and evidence fields.
4. Edit an answer and update measurements.
5. Export a safe report from the rebuild.

9:16 short

Change one CRM answer and watch three dashboard measurements update.

Proof shots:

• Upload a three-question synthetic fixture.
• Show question and requirement completion.
• Search a fixture term.

16:9 episode

Designing believable Copilot prototypes with deterministic fixtures instead of risky integrations.

1. Introduce the quick-action grid.
2. Trigger a labeled simulated result.
3. Import a synthetic custom action.
4. Show theme persistence.
5. Rebuild with safe formatting.

9:16 short

This Copilot action looks live. Here is why it safely is not.

Proof shots:

• Quick Actions overview.
• Select Opportunities or Status Update.
• Capture loading and canned result.

16:9 episode

What a mental-health-adjacent app teaches about consent, privacy, language and product boundaries.

1. Present the artifact behind a non-clinical context card.
2. Show only generic rating, breathing, motion and chart structure.
3. Identify privacy and authority risks.
4. Reframe it as a grounding and reflection lesson.
5. Demonstrate consent, pause, stop and local-only data.

9:16 short

The most important feature in this rebuild is not animation. It is the Stop button.

Proof shots:

• Museum warning and metadata.
• Static four-stage process and chart.
• Neutral fictional demonstration entry.

16:9 episode

Rebuilding an AI sales dashboard without letting configurable agents execute arbitrary code.

1. Introduce the fictional universe metaphor.
2. Tour KPIs, opportunities and agents.
3. Filter a synthetic pipeline and switch universes.
4. Expose the dynamic-code risk.
5. Rebuild agents as allowlisted transformations.

9:16 short

This CRM has parallel universes and one dangerous JavaScript shortcut.

Proof shots:

• Full splitspace-1 dashboard.
• KPI cards and Recent Opportunities.
• Change a stage or priority filter.

16:9 episode

Build your own private app store with localStorage, JSON and strict link validation.

1. Show the original default cards.
2. Add a synthetic card.
3. Edit its metadata and destination.
4. Export and restore the catalog.
5. Explain safe URL handling.

9:16 short

A complete app store in one HTML file, until someone pastes a dangerous URL.

Proof shots:

• Initial EMDR, Mermaid and Task Tracker cards.
• Open Add New App.
• Add a synthetic Color Notes card.

16:9 episode

How to model branching conversation history without a database or live AI service.

1. Reveal the MAC chat interface.
2. Show identity management.
3. Import a synthetic conversation.
4. Navigate and branch its timeline.
5. Rebuild with a local mock transport.

9:16 short

Chat history, but with Git-style branches.

Proof shots:

• Header controls and Time Machine.
• Import a synthetic transcript.
• Step Previous and Next.

16:9 episode

Turning any public GitHub repository into a safe, browsable museum catalog.

1. Show repository loading.
2. Reveal Files and Apps tabs.
3. Explain the optional catalog convention.
4. Show the stale fallback problem.
5. Rebuild with safe preview boundaries.

9:16 short

A GitHub repo becomes an app store, until its catalog file disappears.

Proof shots:

• Loading state for kody-w/localFirstTools.
• Files tab populated from the tree.
• Apps fallback cards.

16:9 episode

A reversible data model for switching between visual workflows and command queues.

1. Browse workflow marketplace cards.
2. Open agents and connections.
3. Convert a workflow into a command queue.
4. Edit and convert it back.
5. Contrast the complete and truncated uploads.

9:16 short

Turn a visual AI workflow into a queue in one click.

Proof shots:

• App Store and Featured Workflows.
• Open Opportunity Summary Email.
• Show agent and connection panels.

16:9 episode

How to build a persistent visual graph editor with draggable nodes and live connectors.

1. Introduce the canvas and catalog.
2. Drag two synthetic agents onto the stage.
3. Connect and configure their handoff.
4. Show run and stop areas without calling the backend.
5. Rebuild graph persistence and local execution.

9:16 short

Drag two agents. Draw one line. You have made a workflow.

Proof shots:

• Storytelling Workflows hero.
• Search the agent catalog.
• Drag two cards.

16:9 episode

Rebuild a Mermaid playground and learn where diagram syntax becomes a security boundary.

1. Paste a benign flowchart.
2. Render and export it.
3. Show draft restoration.
4. Reveal loose security mode.
5. Rebuild with strict rendering and safe errors.

9:16 short

One Mermaid setting turns a diagram viewer into a security lesson.

Proof shots:

• Empty editor and controls.
• Paste a five-node flowchart.
• Render it.

16:9 episode

Reverse-engineering a mysterious selection mechanic into a deterministic state-machine game.

1. Reveal the retro-corporate terminal.
2. Select number tiles.
3. Submit and show accuracy.
4. Advance toward the quota.
5. Rebuild the mechanic under original branding.

9:16 short

Which of these numbers looks scary?

Proof shots:

• Terminal header and quota.
• Generated number grid.
• Select three or four tiles.

16:9 episode

How changing one control assumption creates a completely different arcade game.

1. Explain the rule inversion.
2. Start the autonomous worm.
3. Move food using multiple inputs.
4. Show growth and collision.
5. Rebuild the loop with deterministic tests.

9:16 short

You are not the snake. You are lunch.

Proof shots:

• Welcome overlay.
• Click Start Game.
• Move food with an arrow key.

16:9 episode

Build a Kanban board where the timer updates the data model, not just the screen.

1. Tour the Kanban board.
2. Move a synthetic task to In Progress.
3. Select it as the focus task.
4. Complete a shortened test timer.
5. Export and restore the board.

9:16 short

Drag task. Start timer. Earn one Pomodoro.

Proof shots:

• Board and 25:00 timer.
• Drag a neutral task to In Progress.
• Select it in Focus Task.

16:9 episode

Rebuilding an offline CRUD app and proving that its broken dependency was never needed.

1. Show creation and persistence.
2. Add tasks with different priorities.
3. Combine filters.
4. Export and restore data.
5. Remove the unused broken dependency.

9:16 short

The CDN died. The app survived.

Proof shots:

• Open Add New Task.
• Add three neutral tasks.
• Change one status.

16:9 episode

Build a replay harness for comparing baseline and regenerated AI responses.

1. Load a synthetic transcript.
2. Show the three-column comparison.
3. Advance manually and automatically.
4. Highlight response differences.
5. Rebuild with deterministic local regeneration.

9:16 short

Original answer versus rebuilt answer. Spot the difference.

Proof shots:

• No Conversation Loaded state.
• Import a two-turn fixture.
• Click Start and Next Step.

16:9 episode

Modeling a two-agent teaching loop as a predictable, testable state machine.

1. Configure teacher and student roles.
2. Choose a neutral topic and iteration count.
3. Start alternating turns in the rebuild.
4. Add an understanding check.
5. Export and reset the transcript.

9:16 short

Can two fake agents teach each other without an AI model?

Proof shots:

• Teacher and Student configuration.
• Use Geometry Coach and Learner personas.
• Set three iterations and verification.

16:9 episode

Build a log visualizer and learn why syntax highlighting must begin with escaping.

1. Paste a synthetic mixed log.
2. Parse categories and counts.
3. Switch between three views.
4. Search a request ID.
5. Fix the output-escaping problem.

9:16 short

A pasted log line should never become executable HTML.

Proof shots:

• Empty zero-count interface.
• Paste a fixture with HTTP, success, warning, error and JSON.
• Click Parse Logs.

16:9 episode

Building a miniature workflow IDE with graph editing, templates, execution history and replay.

1. Tour the node canvas.
2. Edit a synthetic node.
3. Connect a three-step workflow.
4. Execute simulated adapters.
5. Inspect history, replay and export.

9:16 short

This entire workflow IDE is one HTML file.

Proof shots:

• Full canvas and controls.
• Load or create three synthetic nodes.
• Open Edit Node.

16:9 episode

Why you cannot record a YouTube iframe into Canvas and how to build the technically valid version.

1. Show the historical recording flow.
2. Explain the intended Canvas architecture.
3. Identify the iframe-to-Canvas failure.
4. Replace YouTube capture with user-owned local video.
5. Demonstrate consent, recording, download and shutdown.

9:16 short

Why drawImage with a YouTube iframe does not work.

Proof shots:

• Static historical YouTube and Webcam panels.
• Highlight Load, Start, Stop, Reset and Download.
• Do not request historical webcam access.