A folder your AI works inside
Dashboards, reports, and pages from your own data.
Workbench is a folder with the rules, guardrails, design system, templates, and deploy recipe an AI coding tool needs to build a finished page from a spreadsheet and put it at a private address. You give the AI one file. It sets everything up and walks you through it.
How to start
Open claude.ai, paste this, and answer its questions. It goes one step at a time.
Fetch https://workbench.seantippen.com/WORKBENCH.md and follow it.
01
What happens
The file is written for the AI, not for you. It runs the setup and then teaches you the loop.
A
In a web chat, it gets Claude Code installed
Which computer, the one install command, a folder, a login. Then it hands you one line to paste into Claude Code.
B
In Claude Code, it downloads this kit and checks it
Rules, hooks, skills, design system, templates, converter, deploy recipe. Python if you do not have it.
C
It builds your first page from your spreadsheet
Drag a file in, it converts it, fills the template, opens it, and checks every number against the source.
D
It puts the page online behind a password
Free Cloudflare account, one login, one deploy. You get the address.
E
It leaves you a start-here note
Open the folder, type claude, say what you want. The rules are already in the folder.
02
Templates
Three mediums. The AI picks by what the output is and who reads it.
DashboardRead in a browser, reports data. Rail nav, stat band, chart, tables. Every number comes from data.js.
ReportOne printed page or PDF. Ink on white, one masthead, one accent band.
SiteA public landing page. Top nav, hero, plain sections, contact row.
03
What is inside
Practices, not a look. The colours are four numbers you set.
| Folder | What it does |
|---|---|
| CLAUDE.md | The working rules the AI reads every session: how to build, what to verify, how to write, how to deploy. |
| .claude/hooks | Guardrails that run on every tool call: no em-dashes or leaked labels in prose, no deploy without a branch, a live check after every deploy. |
| .claude/skills | Repeatable jobs: design, build, deploy, verify-data, verify-before-done. |
| design | Tokens, components, print sheet, three fonts, the build contract, and THEME.md with the four knobs. |
| templates | Dashboard, report, site. Copy one, edit content only. |
| data | A sample CSV and the converter that turns any CSV into data.js. |
| deploy | Cloudflare Pages recipe, password gate, no-index headers. |
| addons | Optional, off by default, installed by name: vivenu, hubspot, cloudflare-workers, memory, spreadsheets, email. |
Fetch list for tools
Every file in the kit is served from this address at its own path. files.json lists them. workbench.zip is the same set in one download.