rk-house-stylelisted

The ENFORCED house design system — one premium look for every frontend, with gates that stop drift (not just advice). Triggers on building or editing a page, component, view, dashboard, screen, form, table, chart, or any UI surface ("build a page", "create a component", "design a dashboard", "make a form", "add a table", "redesign the UI", "build the frontend"). Does NOT trigger on backend/API/route logic, data/SQL/pipeline, schema/migration, CLI/scripts, test-only, or docs. Applies the active theme's pinned tokens + component recipes, and a self-critique gate that scores the work BEFORE the user sees it. The single design skill at user level (the generic novelty-biased ones were removed).
Rishi4792/compass · ★ 1 · API & Backend · score 77

Install: claude install-skill Rishi4792/compass

# House Style — enforced, not advisory **The lesson this skill exists for:** a prior 24 KB prose design skill already described the target look in full — and the build STILL drifted to a serif/parchment aesthetic. **Prose drifts. Gates don't.** This skill is the gates. The formula: **plugin CRAFT − NOVELTY + pinned tokens/components + a self-critique gate that moves the quality filter off the user.** ## Companion files (read before building) ``` SYSTEM.md ← token STRUCTURE (9 groups) + 14 component recipes + provenance gates/rubric.md ← the craft rubric (Tier-1 MEASURABLE scripts · Tier-2 GESTALT independent scorer) gates/anti-drift-grep.mjs ← G1: 0 off-theme colors/fonts (normalizes hex/rgb/hsl) gates/compose-check.mjs ← G2: kit composition (first-col-left, tnum, card geometry) seeds-to-tokens.mjs ← 4 seeds → a full coherent theme (for a NEW product) themes/neutral-indigo.json ← the DEFAULT theme (applies everywhere) themes/warm-fintech.json ← example generated theme gallery/*.png ← the neutral reference gold (dashboard/form/table) the GESTALT scorer compares against ``` ## Active theme Default = **`neutral-indigo`** for ALL projects. A product gets its OWN identity ONLY by an explicit opt-in: choose 4 seeds (accent · neutral temperature · headline font · density/radius) → `node seeds-to-tokens.mjs '<seeds>' > themes/<product>.json` → use that. Everyday work = the default. ## The single design skill (no collisions) This is the **ONE** design-aes