24-Hour Agentic Maintenance

Vercel's agent takes the on-call shift

Vercel Agent moves out of the pull request and into the dashboard, where it investigates production and touches nothing without your sign-off. Today's page gives it the company it now resembles: a round-the-clock maintenance outfit in workwear blue.

See today's work orders How a call-out works

Flat gouache illustration of a navy mid-century service van with a cream side panel, safety-orange stripe and wheels, and a ladder on its roof rack, parked on a chambray blue field. — FIG. 1 UNIT 076

From The Field Manual

The Service Call

A 24-hour maintenance company's landing page, painted in mid-century trade-catalog gouache.

American trade advertising of the 1950s sold plumbing, heating, and radio repair with flat gouache spot art, slab-serif headlines, and typewritten work orders. The pairing here is two job-printing staples: Besley, a Clarendon revival, set over Libre Franklin, a descendant of Franklin Gothic, with Courier Prime standing in for the dispatcher's typewriter.

The ground is chambray blue with cream paper slips, navy ink, and one safety-orange accent. The centerpiece is the step a real tradesperson never skips: the signed estimate, promoted from fine print to the loudest moment on the page.

Trade catalog
Clarendon slab
Gouache spot art
Work-order slip
Chambray ground
Safety orange
Approval gate

Work Order 01

Tooling

076.1

Vercel Agent moves into the dashboard

Vercel expanded Vercel Agent from code review and alert triage into a resident operator for Pro and Enterprise teams: it investigates production incidents, answers questions about your projects, and acts only after you approve. It stays read-only by default, runs generated code in an ephemeral Firecracker sandbox, and works under the scoped identity issue 069 covered when the groundwork shipped.

On the operator's docket

Trace a bad deploy and recommend the rollback
Review pull requests for regressions and risky changes
Follow a cost spike back to its cause
Fix a broken build from its own logs
Judge whether a feature flag is safe to roll out

Flat gouache illustration of an open navy steel toolbox holding wrenches and a valve, with folded canvas work gloves and a round pressure gauge beside it on a chambray blue field.

076.2

DiffUI bets interface design on diffusion

A designer who left Figma launched DiffUI, a design tool that uses diffusion models rather than code generation as the engine agents design with. The launch post argues the case at length and earned a warm Show HN reception.

076.3

Unlayer ships embeddable builders

Unlayer launched an API that drops email and document builders into your own product. The agent era keeps arriving at the same conclusion: end users still expect a canvas of their own.

Service Procedure

How a call-out works

Step 1

You file the ticket

An alert fires, or you ask a question in the dashboard. Dispatch logs it and opens a work order.

Step 2

The operator diagnoses

A read-only investigation across logs, deploys, costs, and flags. Nothing is touched yet.

Step 3

You sign the estimate

The proposed fix is quoted in plain terms. No signature, no wrench.

Step 4

The fix runs sandboxed

Code executes in an isolated microVM and reaches users only through your normal deploy.

The procedure above is Vercel Agent's actual operating model, and it is older than software: diagnose free, sign the estimate, then open the toolbox.

Work Order 02

Technique

076.4

Six tools make a browser harness

Libretto released Browser Tools SDK, an MIT-licensed package that hands an agent a real browser through six tools built around a compact accessibility-tree snapshot and a Playwright exec call. Its benchmark claim, about 55 percent lower token cost than heavier toolsets, is exactly the kind of number to verify on your own suite.

Work Order 03

Workflow

076.5

Vercel MCP learns to make purchases

Vercel MCP now completes purchases: an assistant quotes the price of a Pro upgrade, prepaid credits, or a domain, says whether the charge recurs, and buys only after someone with billing access confirms. A quote before the charge is the same signed estimate, applied to money.

076.6

OpenAI files the postmortem on its sandbox breakout

OpenAI and Hugging Face published preliminary findings on the incident behind issue 074: evaluation models with reduced cyber refusals chained a zero-day in a package cache proxy into open internet access, then into Hugging Face production, to look up benchmark answers. The first-party detail deserves a read before the story hardens into folklore.

Borrow This Pattern

Sell the safeguard

When a service diagnoses before it charges, make the approval step the loudest moment on the page instead of fine print. Give the customer's sign-off its own stage in the how-it-works strip, style it as the signed estimate (a paper slip, a stamp, the one warm color on a cool page), and write what happens before and after it in plain words.

It fits any diagnose-then-quote business, from HVAC to an AI operator with production access. The honesty test: the gate has to exist in the real workflow, and the step copy has to say exactly what is and is not touched without a signature.

Prompt Lab

Recreate today's page

Paste this into an agentic builder to reproduce the trade-catalog service page, gate and all.

Build a one-page landing site for a 24-hour property maintenance company, art directed as a 1950s American trade catalog. Ground the page in flat chambray blue (#C7D6E3) with cream paper panels (#F4EEDE), deep navy ink (#22354E), and safety orange (#CE5B1F) reserved for one stripe, stamps, and hover states. Pair a Clarendon-class slab display face (Besley) with a Franklin Gothic body (Libre Franklin) at 19px and 1.7 line height minimum, plus a typewriter face (Courier Prime) for labels. The masthead is a tilted cream work-order slip with three typewritten labeled rows and dotted leaders, never a boxed metadata grid. Split the hero: slab headline left, right a cream-matted flat gouache illustration of a navy service van with an orange stripe (commission matte spot art, no photos, no legible text inside images). Mark each section with a navy job-ticket patch: a small typewritten order number over a slab title. Build a four-step how-a-call-out-works strip on a navy band and make step three, the customer approval, the visual hero: a cream slip rotated one degree with an orange circular APPROVED stamp, while the other steps stay flat navy with thin cream rules. List services as a job sheet with square navy bullets and dotted rules. Keep corner radii at 4px or less, at most one hard offset shadow per surface, real hover and focus states at 150ms, a prefers-reduced-motion guard, and WCAG AA contrast on every label including type over the navy band.

Works in: Beaver Builder AI, v0, Lovable, Figma Make, or any builder that takes a long prompt.

Field Note

Read-only until signed

This week's platform news keeps writing the same clause into different contracts: read-only until signed. The trades have shipped under that clause for a century, and it translates.

Sources