A demo app built with Elements.
Deploy pipelines with streaming logs, production rollbacks, live service health, and charts of deploys per day, build time, success rate and time to recovery.
Demo: Rolloutly
- Agent: Claude Code, Opus 5.5 Medium
- Time: 29 min
- Cost: $9.68 at API rates, September 2026
elements create rolloutly -scaffold=elementscode/demo-rolloutlyRolloutly needed deploy pipelines that stream their logs, production rollbacks, service health that refreshes itself, charts of a month of deploys and roles for the team. Each of those is a part of Elements, so the agent spent its 29 minutes on the dashboard itself.
-
Streaming deploys. A deploy is a job that walks each stage and sends every log line, stage change and final status on a channel. The deploy page prints the log as it runs, and the overview, service and activity pages pick up each status change.
-
Live service health. A one-line cron schedule runs a health job every minute that takes a reading every ten seconds and pushes it to every open screen on a second channel. A release that failed its health check stays degraded until a new deploy or a rollback replaces it.
-
Rollbacks. Rolling back checks that the chosen release ran in production and that nothing else is deploying, then sends it through the same pipeline as a deploy.
-
Charts from the data. The insights page computes deploys per day, build time, success rate and time to recovery in SQL and draws them as SVG, and refreshes when a deploy finishes.
-
Server calls as function calls. Starting a deploy, rolling back and managing the team call server functions straight from the page with
@rpc. -
Data and roles from SQL. Migrations define the platform and seed one admin, three engineers, twelve services and thirty days of deploy history with failures and rollbacks. Sessions and roles give admins the team page.
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 30 tests pass. Every page works on desktop and phone.
The seed creates twelve services, each with a staging and a production environment, and thirty days of deploy history up to the day you run it: about 650 deploys with stage timings, logs, failures and rollbacks, plus a build slowdown in mid-September so the build duration chart has something to show. The sign-in page lists the four accounts; click one to sign in.
| Password | Role | |
|---|---|---|
| priya@rolloutly.dev | rollout-admin |
admin |
| maya@rolloutly.dev | rollout-demo |
engineer |
| diego@rolloutly.dev | rollout-demo |
engineer |
| sam@rolloutly.dev | rollout-demo |
engineer |
Engineers deploy and roll back. The admin also manages accounts on the Team page.
Demo: Rolloutly
MIT. See LICENSE.