A demo app built with Elements.
Reps update deals and submit weekly calls. Managers track commit, best case and weighted pipeline against quota in live charts.
Demo: Commitvane
- Agent: Claude Code, Opus 5.5 Medium
- Time: 17 min
- Cost: $6.05 at API rates, September 2026
elements create commitvane -scaffold=elementscode/demo-commitvaneCommitvane needed rep and manager accounts, a dashboard that moves as reps edit deals and submit calls, charts drawn from live numbers, and a weekly snapshot job. Each of those is a part of Elements, so the agent spent its 17 minutes on the forecast math itself.
-
A live manager dashboard. Deal edits and weekly calls notify a channel, and the manager's dashboard re-reads its numbers, so tiles, the call-versus-deals table and charts update within a second of a rep's change.
-
Charts that redraw. Each chart mounts when its canvas appears on the page and redraws when the numbers change. The charting package came in with
elements install. -
Edits as function calls. Reps update deals and submit weekly calls, and managers set quotas and stage probabilities, through
@rpcfunctions called straight from the page. Marking a deal closed moves it to closed won in the same update. -
A weekly snapshot job. A one-line cron schedule runs a job every Monday at 7am that records each rep's numbers for the week, so the week-over-week chart has history.
-
Forecast math in SQL. One query sums closed, commit, best case and pipeline per rep and weights each deal by its stage probability. Reps and managers each sign in to their own pages.
-
Data from SQL files. Migrations define the schema and seed two managers, eight reps with quotas, sixty deals, and eight weeks of snapshots and calls. The project server applied each one as soon as it was saved.
The project server runs alongside the agent and answers as soon as a file is saved: it type-checks the templates, TypeScript and SQL, applies migrations and reruns the tests, so every question came back right away and the agent kept building.
The app type-checks with zero errors and all 18 tests pass. Every page works on desktop and phone, and live updates arrive across sessions, such as a rep's deal edit or weekly call appearing on the manager's open dashboard.
The seed creates two managers and eight reps with quotas for the current
quarter ($2.44M for the team), sixty deals across every stage and forecast
category, and eight weeks of Monday snapshots and weekly calls. Samuel and Theo
have not called this week, so the dashboard shows 6 of 8. Every account's
password is forecast, and the sign-in page lists them.
Managers land on /dashboard (tiles, charts, calls against deals, per-rep
numbers) and set quotas and stage probabilities at /settings. Reps land on
/deals, where they edit deals and submit their weekly call.
Demo: Commitvane
MIT. See LICENSE.