In this video, I demonstrate a complete e-book publishing workflow:
• login
• social feed
• Canvas e-book editor
• external book download
• full book import
• product publishing
• product detail
• personal digital library
• PDF / EPUB / TXT / JSON / .trezzo exports
• real reading of the exported book
• source code preview of the CanvasEbookEditor
Built with:
• Vue 3
• Vite
• Node.js
• Express API
• MongoDB / Mongoose
• custom Canvas e-book editor
• digital product publishing flow
• personal library system
• PDF / EPUB / TXT / JSON export pipeline
• custom .trezzo export format
• production domain via Cloudflare tunnel
This is not a generated AI template, a pre-made website, or a static mockup.
It is a custom-built SaaS workflow developed through real frontend and backend code, with a working editor, publishing system, product detail, personal library and export pipeline.
Resolve: an AI support agent that answers from a company’s own policies, looks up orders, and escalates weak matches to a human instead of guessing. A human approves replies before they go out.
For the human approval step, I'd show the exact policy passage and its effective date beside the draft. Does Resolve flag a reply for re-review if the policy changes while it waits for approval?
Same app. Same model. Same spec.
Built with Angular, it cost $4.97 per run. Built with Hono + htmx, $2.67.
The framework you pick is now a line on your AI bill.
Nobody budgets for this yet. Here is the data.
Nolan Lawson (engineer at Socket, the PouchDB maintainer) had Claude Opus 5.5 build the same small Pokémon app 12 times over, once per framework, 5 runs each (3 for Angular), medians reported.
Every build had to pass the same spec suite.
→ Cheapest: Hono + htmx, $2.67, 4.26M tokens, 1,370 lines, 8.6 min
→ Astro $2.76 · Nuxt $2.82 · plain Vite $2.98
→ Next.js $3.14 · React Router $3.81 · SvelteKit $4.28
→ Most expensive: Angular, $4.97, 9.76M tokens, 2,009 lines, 17.2 min
→ Source: nolanlawson.com, Oct 28 2026. Two Angular runs failed the spec and were counted as failures.
The gap is not the model. It is the ceremony.
Angular made the agent write 47% more code for the same features. More code costs tokens twice: once to write it, once to re-read it on the next change.
Plain Vite was not the cheapest. No framework means no conventions, so the agent invents its own, and that costs tokens too.
The cheap column was also the fast column. Astro, Hono + htmx and Lit all scored 100 on mobile Lighthouse with almost no JavaScript shipped.
Why it works that way:
An agent pays for every file it opens.
Config, boilerplate, framework docs, a second read after each error.
Less ceremony is fewer pages before the first useful line.
Call it the ceremony tax: everything your stack makes the agent type before it ships a feature.
I run a one-person company on AI agents. Most of my code is written by them now, and I watch tokens per task the way I used to watch cloud bills. The same feature costs me very different amounts depending on which codebase the agent is standing in.
If agents write your code, the framework is no longer a developer-experience choice. It is a unit cost.
Rule 1: Measure tokens per task, not per month. A monthly bill hides which stack is burning it.
Rule 2: Pick the stack the agent types least in. Fewer lines written today is fewer lines re-read tomorrow.
Rule 3: Cheap must still pass the spec. Every run here cleared the same tests and Lighthouse; cheaper and better landed in the same column.
One small app, one model, one author's benchmark, and the author says so himself. Treat it as a pattern, not a law. The direction matches what I see every day.
Angular is good software. I mean that. It was built for teams of humans.
AI did not make frameworks free.
It put a price on them.
For an agent-built app, would you go Minimal or Batteries? One word is enough. 👇
AI-Powered Prospecting SaaS Platform | Analytics Dashboard
LeadAI — AI-Powered Prospecting SaaS Platform A modern AI-powered prospecting platform designed to help sales teams discover high-quality leads, automate outreach, manage campaigns, and turn prospects into opportunities.
The experience combines AI assistance, lead generation, email & LinkedIn outreach, campaign management, analytics, and smart sales workflows into one clean, intuitive SaaS platform.
Designed for: SaaS Founders, Sales Teams, Growth Teams & B2B Businesses.
Focus: AI • Lead Generation • Sales Automation • CRM • SaaS • Dashboard • UI/UX • Product Design Designed with Figma. Interested in building a modern SaaS, AI product, CRM, dashboard, or B2B web application?
Available for UI/UX & AI Product Design projects. 🎯