From bencium-harness
Single source of truth for the bencium-harness phase color scheme, banners, emoji, and progress strip. Referenced by every /bencium-* command so visual styling stays consistent across the loop. Read this skill before printing any phase header.
How this skill is triggered — by the user, by Claude, or both
Slash command
/bencium-harness:phase-bannerThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Centralized phase styling for the bencium-harness loop:
Centralized phase styling for the bencium-harness loop: roadmap → (optional prototype detour) → plan → spec review → build → test (local verify) → deploy → smoke (deployed verify) → reflect.
Every /bencium-* command that prints a phase header MUST use these exact codes so the terminal output is unmistakably distinct between thinking phases (PLAN/SPEC), local execution (BUILD/TEST), and deployed-state checks (DEPLOY/SMOKE). The split between TEST (local) and SMOKE (deployed) is deliberate: passing locally is not the same as passing on the live URL, and the colors make that gap visible.
| Phase | ANSI | Emoji | Banner text |
|---|---|---|---|
| ROADMAP | \033[2m (dim) | 🗺️ | (no banner — status only) |
| PROTOTYPE | \033[38;5;208m (orange) | 🎨 | ┌── PROTOTYPE ── throwaway pixels, no commitment ──┐ |
| PLAN/SPEC | \033[36m (cyan) | 📋 | ┌── PLAN ── review before coding ──┐ |
| BUILD | \033[32m (green) | 🔨 | ┌── BUILD ── coding in progress ──┐ |
| TEST | \033[33m (yellow) | ✓ | ┌── TEST ── verify acceptance (local) ──┐ |
| DEPLOY | \033[94m (br. blue) | 🚀 | ┌── DEPLOY ── ship to target ──┐ |
| SMOKE | \033[95m (br. mag.) | 🔥 | ┌── SMOKE ── verify on deployed env ──┐ |
| REFLECT | \033[35m (magenta) | 💭 | ┌── REFLECT ── learn from this cycle ──┐ |
| RESET | \033[0m | — | (always close colored output with reset) |
Print the banner on its own line with the ANSI color wrapping the whole line including the closing ┐. Example for PLAN:
\033[36m┌── PLAN ── review before coding ──┐\033[0m
Then the phase emoji as the prefix on the next prose line:
📋 Picked task: <task title>
📋 Files I expect to touch: ...
Close every phase block with the matching reset and a colored closing rule:
\033[36m└──────────────────────────────────┘\033[0m
Printed at the top of /bencium-verify reports, /bencium-retro output, and the next-moves template. Shows where in the loop the user currently is.
Format: emoji separated by ▸, with the current phase wrapped in [ ] and brightened. Completed phases stay solid; upcoming phases are dimmed.
PROTOTYPE is an optional detour, not a core phase. It runs before PLAN only when the picked task touches UI and the user opts in (see /bencium-next Step 2.5). It does not belong in the canonical 7-phase progress strip below — keep that strip stable across every project. While the detour is active, signal it with a transient bracketed prefix only: [🎨] ▸ 🗺️ ▸ 📋 ▸ 🔨 ▸ ✓ ▸ 🚀 ▸ 🔥 ▸ 💭. Once a direction is picked and PLAN begins, the prefix drops and the strip returns to its canonical seven.
Canonical order: 🗺️ ▸ 📋 ▸ 🔨 ▸ ✓ ▸ 🚀 ▸ 🔥 ▸ 💭
🗺️ ▸ 📋 ▸ 🔨 ▸ [✓] ▸ 🚀 ▸ 🔥 ▸ 💭
The above means: roadmap done, planned done, built done, currently in TEST (local verify), DEPLOY / SMOKE / REFLECT pending.
After deploy succeeds, before smoke:
🗺️ ▸ 📋 ▸ 🔨 ▸ ✓ ▸ [🚀] ▸ 🔥 ▸ 💭
During post-deploy smoke (deployed-env verification):
🗺️ ▸ 📋 ▸ 🔨 ▸ ✓ ▸ 🚀 ▸ [🔥] ▸ 💭
Loop complete (smoke green, reflect optional):
🗺️ ▸ 📋 ▸ 🔨 ▸ ✓ ▸ 🚀 ▸ 🔥 ▸ [💭]
\033[0m — unclosed ANSI leaks into the next chunk of output./bencium-next Step 2.5 (the pre-PLAN detour, UI tasks only). PLAN banner only in /bencium-next Phase A (and inside /bencium-spec if it ever exists). BUILD banner only in /bencium-next Phase B. TEST only in /bencium-verify. DEPLOY only in /bencium-deploy and /bencium-rollback. SMOKE only in /bencium-deploy Step 5.5 (post-deploy verify against the live URL). REFLECT only in /bencium-retro.[🎨] prefix while active.npx claudepluginhub bencium/bencium-harness --plugin bencium-harnessProvides UI/UX resources: 50+ styles, color palettes, font pairings, guidelines, charts for web/mobile across React, Next.js, Vue, Svelte, Tailwind, React Native, Flutter. Aids planning, building, reviewing interfaces.
Fetches up-to-date documentation from Context7 for libraries and frameworks like React, Next.js, Prisma. Use for setup questions, API references, and code examples.