Skip to content

Keel

A revenue workspace where a sales team works alongside five AI agents.

· Built by Claude Opus 5.5 in Claude Code

36-second walkthrough, no sound.
KeelBuild 01


How it was made

Model
Claude Opus 5.5
Build subagents
6
Orchestrator
1
Mobbin searches
57
Design skills
11
Agent time
≈ 4 h
Reviews from me
1

7 h after the X postSep 24–25, 2026

Views
25.5K
Bookmarks
598
Demo visitors
433

Build figures from the agents' own notes. X figures are my counts from X and site analytics.
The recipe behind these numbers

What it is

The people make the calls. Its five agents (Scout, Scribe, Ledger, Pilot and Echo) research accounts, draft follow-ups, watch renewals, keep the pipeline current and prep meetings, and every action they take carries its receipt.

Everything in it is fictional: the company, the team and all 24 accounts. The numbers agree on every screen, and a script checks them.

Claude Opus 5.5 agents built it in Claude Code in about four hours, from one brief and one review from me. It runs as a static site, so click anything: nothing is saved.

The screens

How it was built

One orchestrating agent ran the day. It wrote the plan, handed out the pages, reviewed every screen from screenshots and sent back fixes.

  1. 06:00

    One brief goes in

    The product, a fictional world whose numbers must agree, and the bar it had to beat.

  2. 06:05

    The foundation agent

    Design system, app shell, the whole dataset and the Today page. Done by 07:05.

  3. 07:10

    Two agents in parallel

    Records built the accounts table and record pages. Work & Crew built the delegation board and the agents.

  4. 08:00

    One round of fixes

    The orchestrating agent reviewed every page from screenshots and sent each agent its list.

  5. 08:05

    First version done

    Build and lint clean. Nothing posted yet.

  6. Afternoon

    My one review

    I looked at the first version and chose to build the two stub pages, People and Deals.

  7. 16:45

    Three more agents

    People, Deals, and a chart-and-color pass that gave every chart color one job. Done at 18:25.

  8. Evening

    Live, then posted

    Exported as a static site, deployed, and posted on X with the live link.

The crew

Six subagents, each owning its own pages and folders, plus the orchestrator. They ran 57 Mobbin searches between them, and logged each one.

AgentWhat it ownedMobbinWhen
FoundationDesign system, shell, ⌘K palette, the dataset, Today1506:05, alone
RecordsAccounts table, record pages, the Delegate dialog1407:10, in parallel
Work & CrewDelegation board, agents page, Hire an agent, Review draft1407:10, in parallel
People34 contacts and the person sheet616:45, in parallel
DealsThe pipeline by stage against the Q4 forecast816:45, in parallel
Chart and color passOne chart grammar across Today's six tiles—16:45, in parallel
OrchestratorThe plan, the hand-offs, one review round, the final passes—all day
Total6 subagents + 157

The skills, and who wrote them

11 design skills did most of the taste work. Each is a folder of written rules the agent loads when the task matches. Credit where it's due:

  • Emil Kowalski

    • emil-design-eng
    • apple-design
    • animate
    • improve-animations
    • find-animation-opportunities
    • animation-vocabulary
    npx skills add emilkowalski/skills
  • Jakub Krehel

    • better-ui
    npx skills add jakubkrehel/skills
  • Paul Bakaus

    • impeccable
    npx impeccable install
  • Anthropic

    • frontend-design
    npx skills add anthropics/skills
  • Vercel

    • web-design-guidelines
    npx skills add vercel-labs/agent-skills
  • Built into Claude Code

    • dataviz

    Nothing to install

Also loaded, for the code rather than the look: vercel:nextjs and vercel:react-best-practices.

What the reviews caught

Every agent reviewed its own pages from screenshots, two to four rounds each. Some of what those rounds found:

  • Foundation, round 1

    The third decision card was cut off at 900px, so Today was not a composed first screen.

    Fix: a fixed preview well and tighter cards.

  • Foundation, round 4

    The keyboard focus ring was invisible on most controls: utility classes outranked the base rule.

    Fix: an unlayered focus rule.

  • Records, round 3

    No view tab looked active. A tooltip overwrote the tab's state, and it only showed once the shot was cropped.

    Fix: the tooltip moved inside the tab.

  • Work & Crew, round 1

    Seven pulsing dots on one board: a spinner zoo.

    Fix: only live timers pulse; everything else is a static dot.

  • Work & Crew, round 2

    Board cards reacted to hover but did nothing on click.

    Fix: each card opens its run: the instruction, every step, cost and receipts.

  • People, round 2

    Two quick K presses moved only one row.

    Fix: stepping reads the URL, not stale state.

  • Chart pass, orchestrator's round

    The new neutral charts read duller than the first version by eye.

    Fix: primary marks to full ink, secondary marks a step down.

Get the recipe behind Keel.

The Build File is everything behind the build, ready to copy. The product stays open; the recipe costs one email.

The Keel Build File

Free. Copy any part of it, or download the whole file.

It opens on the next page. See the privacy notice.

The brief
The single prompt that started it, word for word.
The crew
Six agents: what each owned, in what order, and the prompt they started from.
The rules
The foundation doc every agent read before building a page.
The skills
All 11 design skills with install lines, authors, and what each changed.
The sources
All 57 Mobbin searches, and what each one brought back.
The rounds
What every review caught, and the fix.
Rebuild it
The steps from an empty folder, with the screenshot tool the agents used.