Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →get-bb/bb-theme-authoring
Create or edit BB color themes and inspect them in the Theme Preview panel.
Passed 23 of 24 test cases with the skill, and 11 of 24 without it.
and 15 more in the full report
12 fixed11 passed either way1 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 12 test cases the skill fixed. Same model, same prompt, with and without the skill.
In bb, code blocks and message bubbles are styled as recessed washes. Which border custom property connects these recessed areas?
| Checked | Without skill | With skill |
|---|---|---|
| Expect --border-seam to frame recessed washes for code blocks | Missed | Passed |
The instructions your model reads when the skill loads.
A bb theme is one CSS file that overrides the app's CSS custom properties. bb discovers custom themes on disk and the Theme Preview panel shows every resolved token, its validation state, and an app mock that repaints as you edit. Work in a split: your agent thread on one side, Theme Preview on the other. Nothing needs a restart.
Theme Preview is visualization and validation only. It never creates, writes,
forks, repairs, or deletes a theme resource. Create and update theme.css from
the separate agent thread; use the existing bb theme commands to locate,
inspect, and activate themes. Validation reports inconsistent or inaccessible
results, but it never changes authored values.
bb theme dir # the custom-theme directory, e.g. ~/.bb/theme
One directory per theme, one file inside it:
<theme dir>/<name>/theme.css
<name> is the theme id: lowercase, letters, digits and dashes, a single path
segment. Create the directory and the file and it is listed immediately — the
Theme Preview dropdown picks it up on its next catalog refresh while the panel
is open, and bb theme list shows it at once.
Two top-level blocks. Light values in :root, .light, dark values in .dark.
Every declaration is a --token: value; custom property.
:root, .light {
--canvas: #f4f4f4;
--ink: #0a0a0a;
test cases passed, vs 11 / 24 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.