| name | The Point LLM Reference |
| description | Use this skill when the build agent is about to write any HTML for a spec page. Provides the path to The Point's llm.md component reference, the list of available mood files, the required CSS load order, and the hard rule against inventing bp- class names. |
| version | 0.1.0 |
The Point LLM Reference Loader
Purpose
The Point is a CSS design system built on bp- prefixed class names. When the build agent writes HTML, every class it uses must come from The Point's component library — not invented, not approximated. An invented class silently does nothing in the browser. The page looks wrong and the code-review agent will catch it, but only after the build agent has done the wrong thing.
This skill prevents that. Load it before writing any markup.
What to read
Read this file before writing any HTML:
/home/rre/Work/mrgrampz-marketplace/the-point/llm.md
That file is the authoritative reference for every bp- class, every utility, every layout primitive, and every component the build agent is allowed to use.
Available moods
The Point ships with six mood files, each of which overrides the base token set with a specific visual direction. @blueprint chooses the mood during the design interview. The build agent references the chosen mood in the HTML's <link> tag order.
| Mood file | Character |
|---|
amber.css | Warm, editorial, confident |
slate.css | Professional, restrained, trustworthy |
forest.css | Natural, calm, approachable |
violet.css | Creative, expressive, modern |
ember.css | Bold, warm, high-energy |
arctic.css | Clean, precise, cold-functional |
Mood files live at:
/home/rre/Work/mrgrampz-marketplace/the-point/assets/moods/[mood-name].css
CSS load order (critical)
The spec page HTML must load stylesheets in this exact order:
<link rel="stylesheet" href="[path-to-the-point]/assets/index.css">
<link rel="stylesheet" href="[path-to-the-point]/assets/moods/[mood].css">
<link rel="stylesheet" href="brand.css">
Order matters because later files override earlier ones. brand.css wins over mood, mood wins over base. Reverse the order and the brand layer disappears.
Hard rule
Do not write any bp- class that is not in llm.md.
If a layout section needs a component that doesn't exist in llm.md, do not approximate it with nested divs and guessed class names. Stop and document the gap. The code-review agent will reject invented classes.
Path note for deployed pages
For spec pages that will be deployed to robertrevans.com, the path to The Point assets will be the CDN or the deployed asset path — not a local path. The build agent writes the local path first; the deploy agent updates it on ship.
