breadbox

Breadbox's surface design language — the conventions for building and redesigning admin UI surfaces so every page reads as one calm, legible product. Codifies the principles, the canonical page anatomy, the component vocabulary, and the redesign method (IA-first, not a re-skin). Invoke when building a new admin surface or bringing an existing one up to standard. Triggers: "redesign this page", "apply our design system", "apply the surface language", "make this follow our conventions", "polish this surface", "bring /accounts (etc.) up to the design system", "what's our pattern for X". Pair with the `daisyui` skill (primitive classes) and `validate-ui` (browser evidence). NOT for low-level CSS questions — those are `.claude/rules/daisyui.md`.

Upload an image or an HTML/text snapshot and get a public URL suitable for embedding in PRs, issues, and comments, or for sharing a rendered debug page. Defaults to the self-hosted host at bb-artifacts.exe.xyz — authenticated upload via your GitHub token (`gh auth token`, works in local AND cloud sessions); public read; ~180-day retention; 25MB cap. Falls back to img402.dev only if the host is unreachable. Triggers: "screenshot this", "attach an image", "add a screenshot to the PR", "upload this mockup", "host this HTML", "share a debug snapshot", or any task producing an image or HTML page that needs a shareable URL.

Validate a Breadbox admin UI change in a real browser and produce a screenshot as PR evidence. Prefers Chrome DevTools MCP when available; falls back to headless Chromium via Playwright in cloud sessions where the MCP is not loaded. Saves a JPEG under 1MB, uploads to the self-hosted bb-artifacts.exe.xyz CDN (auth via `gh auth token`), ready to embed in a PR. Triggers: "validate the UI change", "screenshot this page", "capture the transactions page", "attach a screenshot to the PR", "show me how it looks", or any task needing a visual of the running app before a PR can be marked done.

Manage the project roadmap (docs/ROADMAP.md). Use when scoping new features or phases, checking off completed work, or reviewing roadmap status. Invoke with /roadmap.

Official daisyUI skill

Plan, start, submit, and land stacked PRs using Graphite (`gt`). Invoke when the change is large enough to benefit from splitting into reviewable pieces. Do NOT invoke for small single-PR work.