Demo Apps

Real-world (but minimal) applications that illustrate how the 33 /wb* commands behave on different stacks.

Available Demos

Demo	Stack	Complexity	What It Shows
my-finance-app/	Vue 3 + Vite	Medium	Personal finance tracker — full lifecycle: setup → audit → plan → refactor
my-new-app/	Vue 3 + Vite	Medium	Full frontend lifecycle: setup → audit → plan → refactor → release
python-etl/	Python + pandas	Low	Data pipeline: context → audit → plan on a non-JS stack

How to Use These Demos

1. Pick a demo that matches your stack (or try the opposite stack to see cross-language behavior).
2. Read the README inside the demo folder for the /wb* command history.
3. Run the agentic commands yourself on the demo code to see live outputs.

Note: These are educational snapshots, not production apps. They exist so you can see what a /wbAudit report looks like or how /wbPlan structures tasks without running it on your own proprietary code.

Each demo directory contains the complete .wb/workflows/reports/ output showing real command results.

Related Resources

• Start Here — Getting started with wb-flow
• Commands — Full command catalog
• Concepts — Architecture deep-dives

---

← Home · Commands | wb-flow on npm · flow.wbc-ui.com · wi-bg.com