菜单
Theme bundle for component-composer. Terminal/Bloomberg-terminal aesthetic: green-on-black, monospace everywhere, maximum data density, no chartjunk. Activated when component-composer is invoked with `spraypixel-terminal` as the theme name.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Production-grade single-file HTML data graphics through a generator-critic loop. Drafts via theme, renders in Claude Preview, validates with hybrid mechanical + LLM-as-judge checks at three viewports, iterates until every active-theme criterion passes. Use for recurring dashboards, multi-theme reports, or design-system-enforced artifacts. Do NOT use for casual, throwaway, or interactive HTML — just ask Claude directly for those. Activates on "compose with <theme>", "render this chart with the design system", "/compose", or any composition request that names a theme.
Theme bundle for component-composer. Provides tokens, criteria, patterns, and palette for Tufte-style data graphics: range-frame axes, small multiples, high data-ink, single highlight, no chartjunk. Activated when component-composer is invoked with `spraypixel` as the theme name.
Generator-critic loop pattern for any artifact produced by an LLM and judged against declared criteria. A drafter LLM proposes; a hybrid critic (mechanical checks + LLM-as-judge) scores; the orchestrator feeds failures back to the drafter and iterates until clean. Artifact-agnostic — works for HTML, code, schemas, prose, anything with a validator. Activates on "generator-critic loop", "iterate this artifact until it passes", "/critic-loop", or when designing a refinement pipeline. Consumed by `component-composer` for HTML data graphics; future consumers for other artifact types declare a dependency on this skill.
Casual HTML artifacts in Thariq Shihipar's "Unreasonable Effectiveness of HTML" style — throwaway editors, side-by-side variant comparisons, interactive tuning with sliders/knobs, single-page reports. No validator loop, no themes, no industrial QA. Single-file HTML you make, use once, and discard. Includes the "copy-as-prompt" footer pattern for round-tripping back into Claude. Activates on "make a throwaway HTML", "sketch an editor for", "build a quick HTML to triage", "show me N options side by side", "interactive prototype for", "/sketch", or any one-off HTML request that does NOT need theme conformance.
| name | spraypixel-terminal |
| description | Theme bundle for component-composer. Terminal/Bloomberg-terminal aesthetic: green-on-black, monospace everywhere, maximum data density, no chartjunk. Activated when component-composer is invoked with `spraypixel-terminal` as the theme name. |
This skill is a theme for component-composer. It does not run on
its own.
themespec.json — manifestreferences/tokens.md — CSS variable schema (same structural tokens as
spraypixel; different values)references/palette.md — green-on-black, monospacereferences/criteria.md — density-first criteriareferences/patterns.md — dense-table-first patternsDark background. Bright green primary ink. Tabular monospace everywhere. Maximum information per pixel. No serifs. No drop-shadows. No gradients. Looks like a Bloomberg terminal or top from 1995.
This theme exists to prove the multi-theme architecture: it shares the same component catalog as spraypixel, but the rendered output is visually completely different.
"compose with spraypixel-terminal showing the same GitHub data"