← ClaudeAtlas

gabe-artifactlisted

House chrome for published Artifacts — left-anchored content, a cog panel top-right, the fixed font roster, three suite skins, iconed section title pills set in a condensed grotesque, a 12px legibility floor, and motion-first visuals with a gated pause contract. Owns the build loop: design pass → kit → render gate → publish → report, plus two gated pattern libraries.
khujta/gabe-suite · ★ 0 · Web & Frontend · score 63
Install: claude install-skill khujta/gabe-suite
# gabe-artifact — the house style for published pages **Usage:** `/gabe-artifact <what to publish>` · `/gabe-artifact retrofit <path-or-url>` ## Gabe execution contract (E1–E7) This skill runs under the suite execution contract — E1 EVIDENCE · E2 RUN-BEFORE-✅ · E3 NO SILENT DOWNGRADE · E4 REUSE FIRST · E5 STATE SYNC · E6 MISSING ANCHOR = STOP · E7 REPORT WHERE — floors, not ceilings; a skill's own gate may be stricter, never looser. Full text: `../gabe-docs/references/execution-contract.md` (if that file is missing, E6 applies — STOP). > **One line:** an Artifact is a *product surface*, not a scratch file. Every page this project publishes wears the same chrome — content flush left, one cog top-right, the same font roster behind it — so a reader who has seen one has learned all of them. ## The six house rules ### H1 · Content is anchored LEFT The column sits against the left edge with a gutter, never `margin: 0 auto`, and **nothing is centre-aligned** — not the hero, not section heads, not stat tiles. On a wide screen the right side stays empty; that is the look, not a bug. The kit ships this as `.artifact-page { margin: 0 auto 0 clamp(16px, 4vw, 56px) }`. ### H2 · One cog, top-right, and nothing else floats A single fixed cog button at `top: 14px; right: 14px` opens the options panel. It is the *only* floating affordance on the page — no floating TOCs, no back-to-top, no toasts parked in a corner. The panel is a real `radiogroup`, closes on Escape, closes on outside c