Calibrated technical drawings for claude's pages examples install github

Technical drawings for everything Claude makes

Ask Claude for a report, a review or a dashboard in the Calibrated style. Numbers come back as gauges, rulers and dimension lines, and the one thing that needs you is lit by the lamp.

install · paste into claude code
/plugin marketplace add emdmed/calibrated
/plugin install calibrated@calibrated

emdmed/calibratedother ways to installsee six finished pages

Flip to plain, then click any example to calibrate it.
Website relaunch
Week 44 status update
Updated Friday 31 Oct · 15 tasks · 7 markets
Budget near alert
Tasks complete11 / 1573% · 4 remaining
Budget spent€38,400of €52,000 · alert at 80%
Markets live3 / 7DE, FR, NL
WorkstreamStatusDuration
DesignComplete4 weeks
DevelopmentComplete5 weeks
Content migrationIn progress6.5 weeks so far
Budget is at 74%. The alert triggers at 80% (€41,600). Content migration is the current focus.
Relaunch status · week 44 updated fri 31 oct

11 of 15 tasks done. Content is the one still running.

tasks
budget
TeamsWeeks on one ruler. Content is still going.
markets live
notes
  1. Budget alert at 80% · €41 600. Spend is at 74%.
  2. Live: DE, FR, NL. The other four follow content.

ask claudeMake a status page for our website relaunch in the Calibrated style.

1 · Status reportlimits, budgets, what is runningsheet 1/9
Spring campaign
Monthly report
Day 19 of 30 · 3 channels
Pacing over plan
Ad spend€612kof €1M budget · 61%
Projected by day 30€900kat the current daily pace
Days remaining11of a 30-day flight
Heads up: at this pace spend crosses the 80% alert (€800k) on day 25.
ChannelSpendDays ranStatus
Search€214k12Done
Social€268k16Done
Email€130k19Running
pacing over plan

€612k spent. At this pace we cross the 80% alert on day 25.

  • day 19 of 30
  • 3 channels
  • €1M budget
BudgetSpend so far, the alert lines and where today's pace lands.
ChannelsDays each channel ran, on one ruler.
nochannelspendstatus
01Search€214kdone
02Social€268kdone
03Email€130krunning
Ahow the pace is projected
detail A
The average daily spend of the last 7 days, carried to day 30.
Bwhat the alerts do
detail B
At 80% each channel owner gets an email. At 95% new ads pause.

ask claudeMake a monthly report for our spring campaign in the Calibrated style. Here are the numbers: …

2 · Review boardkeep, rework or drop, with a tally · the buttons worksheet 2/9
Homepage redesign
Proposals for review
2 changes · requested by the web team
0 of 2 reviewed
1. Show pricing on a scale Pricing
CurrentPlans: Basic €9, Team €29, Business €79
Proposed
Basic €9Team €29Business €79
ApproveRequest changesReject
2. Sign-up steps as progress Sign-up
CurrentStep 3 of 5: billing details
Proposed
 Billing
ApproveRequest changesReject
Note for the web team
Ship pricing first. Sign-up can wait for the billing copy.
Sent with your review · 280 characters max

Two changes. Keep, rework or drop each one.

Pricing on a scale

Plans read as positions on one price ruler, with the one most people pick lit.

01pricingrev A
today
Plans: Basic €9, Team €29, Business €79
drawn

Sign-up as steps

All five steps visible, the current one lit.

02sign-uprev A
today
Step 3 of 5: billing details
drawn
Sent with your sign-off.
0 of 2 signedtry the buttons

ask claudeMake a Calibrated review board for these homepage changes, with keep / rework / drop sign-off.

3 · Explainera process as a cycle, a team as a treesheet 3/9
Support handbook
How support tickets work
Every ticket moves through four stages · 14 open right now
ReceivedAuto-reply sent
TriagedTagged and assigned
WorkingAn agent replies
ResolvedCustomer confirms
Who's on it now · 9 more resolved today
ANAna · Refund request, order 4471Working · 12 min
RARavi · Login problemNext
MEMei · Shipping questionResolved · 8 min
When does a ticket count as resolved?

When the customer confirms, or after 3 days with no reply.

What if a ticket is reopened?

Every ticket goes round the same four stations.

CycleThe live station is lit.
TeamWho is working on what.
Awhen a ticket counts as resolved
detail A
When the customer confirms, or after 3 days with no reply.
Bwhat happens when one is reopened
detail B
It goes back to working with the same agent, and its clock keeps running.

ask claudeExplain how our support tickets move, as a Calibrated explainer page.

4 · Spec sheetrules and boundaries · hatched means closedsheet 4/9
Policy POL-012
Customer data access policy
Version B · 31 Oct 2026 · owner: security team
Approved
AreaWhoAccess
Restricted areaApproved staff onlyClosed
Customer recordsStaff toolsRead & write
Payments, passwordsNo one, including staffLocked
ExportsStaff toolsTemporary · 7 days
Not covered: batch jobs are outside this policy and need their own review.
Changelog
BExports made temporary
AFirst version

Who can see what. Hatched means closed.

  • POL-012
  • version B
  • 31 oct 2026
  • owner: security team
SectionRegions inside the policy, closed or open.
title
Customer data · access
doc no.
POL-012
sheet
1 / 2
rev
B
date
31 oct
revchange
First version.
Exports made temporary.
notes
  1. Exports expire after 7 days.
  2. Batch jobs are outside this policy and need their own review.
approved for use

ask claudeTurn our customer data access policy into a Calibrated spec sheet.

5 · App screenthe same look for the screens of a tool · every control workssheet 5/9
Settings
Plan & usage
Team plan · resets on the 1st
Actions ▾
UsageMembers 12Billing
Messages this month46,000of 100,000 · 46%
Storage128 GBof 150 GB · 85%, over the alert
Limits · applies to every region
Monthly limit
150,000messages
Alert at · 80%
Email the owner at this level
Region
EU West▾
Reset every
DayWeekMonth
Pause new messages at the limit
Reset usage
CancelSave changes
messages this month
storage
1 · Limitsapplies to every region
msg / month
↑ ↓ step 10 000 · shift ×10
reset every
050%100%
Danger zonecan't be undone

Set this month's counters back to zero. Billing doesn't change.

ask claudeBuild a plan and usage screen for our app in the Calibrated style.

reset usageesc

This month’s counters go back to zero. Billing is not changed.

messages
46 000 → 0
storage
kept · 128 GB
6 · Formchoices, dates, files and notes · fill it insheet 6/9
Support · refunds
Refund request
Order 4471 · Ana Ruiz · €64.00 · placed 22 Oct
Draft
 Step 2 of 4 · What went wrong
What went wrong
Damaged on arrivalWrong itemArrived lateSomething else
Received on
27/10/2026▾
Photos
Drag photos here or browse
box-corner.jpg2.1 MB
What happened
The box arrived crushed on one corner and the left speaker rattles.
Refund · over €50 goes to a lead for approval
Refund to
Original card · Visa 4242▾
Amount
€64.00EUR
Up to the order total
Notify
support-euwarehouse
BackSend for approval
draft

Refund for order 4471: what went wrong, and how much goes back.

  • Ana Ruiz
  • €64.00
  • placed 22 Oct
  1. 01order
  2. 02problem
  3. 03refund
  4. 04send
2 · Problempick the closest
photos
box-corner.jpg2.1 MB
3 · Refundover €50 goes to a lead
€
Up to €64, the order total.
notify
support-euwarehouse
A lead approves refunds over €50.

ask claudeMake a refund request form for our support team in the Calibrated style: reason, date, photos, a note, and the refund.

7 · Partswhat every page above is built fromsheet 7/9

Meter

How full something is, against its limit.

Progress

How far along a list of steps, and which one is live.

Position

Which one of a set you are looking at.

Durations

How long things took. The live one keeps ticking.

Ruler

Where one value sits on a scale.

Change

What was added and what was removed.

the eight marks
the controls
req / day

Number with units

Arrow keys step it. Shift steps by ten.

Select

A write-in line that opens a ruled list.

time range

Detent

A few ordered choices, as ticks on a ruler.

050%100%

Range

A slider set on its own scale.

Switch, check, radio

Square for a box, round for one of many.

paymentssearch

Tags

Enter adds one. A repeat lights the one already there.

  1. 01source
  2. 02limits
  3. 03review

Steps

Where you are in a form of several parts.

✓ shippedfailedqueued

Status and waiting

Boxed words for state. Drawn spinners for the wait.

the separators



Rules

Solid for the next topic, dashed for an aside, the centre line for two halves.


Named breaks

A word in the line, a jag where lines were left out, the lamp on what's new.

billingowner only

Invoices go out on the 1st.

Zone

A named group with an edge. Dashed when it isn't decided yet.

before you ship

Tests pass.

Someone is on call.

  • v2.14.0
  • 3 regions
  • 31 oct

Bracket and facts

Lines that belong together. Facts on one line.

ask claudeAdd a Calibrated meter for our API quota: 46 000 of 1 000 000 requests, alert at 80%.

8 · Motionnumbers glide to their new value · figures replay · try the buttonssheet 8/9

When a number changes, the drawing moves to it.

requests today
deploy steps
p99 latency
canary host
release
Each instrument glides from where it is and blinks when it settles.
LoopStep through the train.
MeasuredA long scale and its 20:1 detail.

ask claudeBuild our deploy dashboard in the Calibrated style, and let the numbers move when they change.

9 · Lookssame drawings, a look for each subject · every example changessheet 9/9

Claude picks the palette and the headline face from what the page is about. The marks, the scales and the one lamp stay the same.

Launchtoday

Launch day: checkout is rolling out now.

rollout
traffic

ask claudeMake the launch page in a look that fits a network team, or in our brand: navy page, white ink, cyan lamp.

Get itfree and open source · mitemdmed/calibrated
1 · Claude Code plugin

Paste both lines into Claude Code. The skills show up as calibrated:…

/plugin marketplace add emdmed/calibrated
/plugin install calibrated@calibrated
2 · Or copy the skills

Into ~/.claude/skills/ for every project, or .claude/skills/ for one.

git clone https://github.com/emdmed/calibratedcp -r calibrated/skills/* ~/.claude/skills/
3 · Ask for any page

Say “in the Calibrated style”. Claude picks the right drawing for each number. The examples show six whole pages and the requests that made them. Building by hand? The reference has every part and its code.