Marionettev5

THE DEMONSTRATION PROGRAMME

Pull a string.
Follow it back.

You decide what the app should do. Your agent can learn the APIs. These small apps let you try the behavior and follow the code behind it.

  1. Try the behaviorAdd a todo, replace a radio, or interrupt a launch.
  2. Follow the sourceThe reading trail takes you to the method behind the action.
  3. Direct the next changeDownload a demo for your agent, or edit and run it here.

ON THE BENCH

TodoMVC, one View at a time

Preparing the example…

Follow the strings

Pick a step below to jump to the code behind an action. You can follow which part handles it without memorizing every API. Edit the source and run your changes here, or download the project for your agent.

CodePen runs the current module project. Download includes its source files, HTML, CSS, and runtime. Your Backstage app is separate.

YOUR NEXT DIRECTION

Same app.
New request.

Select TodoMVC, then download it and give your agent a small change to make:

“Add a count of completed todos beside the filters. Keep my notes intact while I add, complete, and filter todos.”

Give it the agent docs, then check the behavior and ask it to explain the changed code. This is a suggested next exercise; the demos above run locally in your browser.

For a fuller application, the Records guide connects loading, selection, retry, and closing a feature. Its source gives your agent a practical example to work from.