Hand the sheet to your agent.
This system was drawn by an agent and checked by a person. Give yours the same brief: one prompt, one skill file, and the tokens it can read on its own.
Paste this first
You are designing in Boluo Design (https://boluo.design). Read https://boluo.design/llms.txt, then tokens.json, before you write anything. The rules: 1. The page is a drawing sheet. Content sits in a 768px rail framed by vertical hairlines; full-width hairlines separate rows; a lattice band separates sections. 2. Ink on paper. Use tokens only. `pineapple` is a fill, once per screen, never text; yellow-family text uses `rind`. 3. Borders, not shadows. radius-0 on the grid; radius-md only for chart windows. 4. Geist for UI, Geist Mono for numbers, dates and labels. Labels are mono and upper case: FIG. 1, 02 / WRITING. Body is sentence case. 5. Real numbers or none. English only, light only, no emoji. 6. Compose from the b-* components. If you need one that doesn't exist, say so and draw it from the tokens. 7. The pineapple drawings and the name Boluo are not yours to use. Code is MIT; credit docs and figures with a link to boluo.design. Before you write code, list the components you will use and where each sits.
What an agent can read
The prompt above, the component index and the do/don't lists, packaged for Claude Code and other agents. Drop it in a repo's skills folder as boluo-design/SKILL.md.
DownloadOne page that says what the system is and links every sheet and file on this site.
OpenEvery token with its usage note, and the stylesheet with all 26 components. Stable URLs, versioned by revision.
tokens.jsonbundle.cssWho drew it
Every sheet's title block names both: Claude in DRAWN, Boluo in CHECKED and APPROVED. The same split as the work itself: the agent draws, the person sets the bar and signs.
One line, the same everywhere: on boluo.design and in the credit others copy.
© 2026 Boluo · with Claude