Workflows · Product combinations

One platform.
Every workflow.

Each Hasso product is powerful alone. Combined, they form an end-to-end pipeline that takes you from brand extraction to shipped, production-ready code — powered by frontier models at every step.

⚡ Flagship workflow
All 4 products · frontier models end-to-end
The Full Pipeline.

Design system to deployed codebase — built entirely with AI. This is the workflow that puts every part of Hasso to work at once, with Monjo's dual-model engine closing the loop.

Step 01
/studio
Extract the design system
Drop any URL into Studio. Hasso pulls the full design language — colors, typography, spacing scale, component tokens — ready to use across every tool.
→
Step 02
/ai
Craft the perfect prompt
Use AI with your extracted design system as context. Iterate on the concept, refine the brief, and build the exact prompt that will drive /build — with full model intelligence behind it.
→
Step 03
/build
Generate the rough build
Send the AI-crafted prompt to Build. Get a unique, brand-matched site — desktop and mobile — generated in real time. Clean HTML, CSS, and JS. Yours from the first render.
→
Step 04
Monjo
Final polish + hard logic
Feed the build into Monjo. The sandbox model refines styles and design language while the exec model rewrites JS logic, fixes bugs, and handles anything complex — both running simultaneously.
→
Step 05
→ Ship
Export and push via Monjo
Monjo's exec model exports the final build and pushes directly to your repo via terminal — git add, commit, push. Entire codebase shipped by frontier models. No hand-holding required.
✦
The result: You've built an entire production codebase — brand-matched, logic-complete, tested, and pushed to GitHub — using frontier AI models at every single step. Studio handled the design intelligence, /ai shaped the concept, /build generated the foundation, and Monjo's dual Anthropic models finished and shipped it. This workflow doesn't exist anywhere else.
More workflows

Every way to use Hasso.

Mix and match products for your workflow — each one is a complete tool on its own, and every combination unlocks something new.

/studio /build
The Brand Sprint
Extract a client's design system in Studio, then feed it straight into Build. Generate a brand-matched site in minutes — colors, fonts, and spacing perfectly inherited. Hand it off as clean, owned code.
2 products →
Monjo
The Deep Refactor
Point Monjo at a legacy codebase. The sandbox model maps the architecture and rewrites styles and markup; the exec model handles the JS, runs the migration scripts, and pushes the result. Large-scale changes without a sprint.
Monjo only →
/ai /build
The AI Ideation Loop
Use /ai to rapidly iterate concepts — ask questions, reshape the brief, explore layouts. The moment a direction clicks, send the refined prompt straight to /build and have a real site in seconds.
2 products →
/build Monjo
Build → Ship
Generate a rough site in Build — then hand it directly to Monjo for production hardening. Monjo's dual-model engine adds JS logic, fixes edge cases, handles responsive breakpoints, and pushes to your repo.
2 products →
/studio /ai /build
The Agency Concept
Extract the client's brand, use /ai to brainstorm directions and generate brief variations, then Build to produce multiple distinct concepts fast. Present 3 different sites by end of day — all brand-accurate, all client-owned.
3 products →
/ai Monjo
The Dev Handoff
Use /ai with live preview to flesh out complex feature requirements — architecture decisions, API structures, edge cases. Hand the full spec to Monjo, which implements it autonomously across your codebase using both frontier models.
2 products →

Start anywhere.
Ship everything.

Every workflow above starts with a free account. Unlock the full pipeline with a Pro or Monjo plan.

Create free account Compare plans Learn about Monjo →