aesthetic-instrument

Featured

great_cto's own committed aesthetic — the instrument panel. Dark five-step surface ladder, exactly one accent, two faces divided by MEANING (Geist speaks, Geist Mono is machine-truth), tabular numerals, and a dash that is not a nought. Twelve checkable rules measured from packages/board and greatcto.systems, not designed for this file. Use when building or extending any great_cto surface — the board, the site, a report, a share page.

Code & Development 92 stars 13 forks Updated today MIT

Install

View on GitHub

Quality Score: 91/100

Stars 20%
66
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# The instrument panel A committed aesthetic in the sense of [`skills/committed-aesthetic/SKILL.md`](../committed-aesthetic/SKILL.md): every rule below is checkable, and every value was **read out of the source** — `packages/board/public/index.html` and `great_cto-site/styles.css` — rather than chosen to write this document. The subject is an instrument, not a brochure. One person reads it to decide what a machine may do next. Everything below follows from that. ## Rule 0 — this is the CATEGORY default, and calling it ours was wrong The first version of this file opened "this is ours, not a default". Measured against a real corpus on 2026-09-01, that is false, and the correction matters more than anything below it. Refero's top ten styles for a dark technical developer landing describe: near-black canvas (Depot, Warp, Supabase, Trunk, Checkly, Cron, Linear, Eraser), depth from surface shifts or borders **rather than shadows** (Warp, Supabase, Trunk, Linear), and **one green accent used sparingly** (Depot, Warp, Supabase, Trunk). Four of them are described with the words "instrument panel", "command center" or "cockpit". Every one of those is a rule below. This aesthetic is not great_cto's identity — it is what every infrastructure product looks like, and this file codified the modal choice and labelled it a differentiator. A skill that does that produces template work while asserting it does not. **What follows is still correct, and its correctness is functional, not d...

Details

Author
avelikiy
Repository
avelikiy/great_cto
Created
5 months ago
Last Updated
today
Language
JavaScript
License
MIT

Integrates with

Bundled in these plugins

Similar Skills

Semantically similar based on skill content — not just same category

Code & Development Featured

committed-aesthetic

How to write — and how to use — a skill that IS one aesthetic rather than a catalogue of them. A catalogue lets an agent pick, and it picks the modal option; a committed aesthetic makes it execute one thing precisely, against rules you can check. Use when a design keeps coming out competent and forgettable, when starting a new brand surface with no reference, or when authoring a house style you want executed the same way twice.

92 Updated today
avelikiy
Web & Frontend Featured

ui-craft-minimal

Minimal / clean / Linear / Notion / Vercel / whitespace-heavy UIs. Locked knobs: CRAFT=8, MOTION=3, DENSITY=2. Monochrome + one accent, Inter/Geist, hairline borders over shadows. Trigger on: minimal, clean, Linear-like, Notion-like, Vercel-like, whitespace-heavy.

324 Updated 1 weeks ago
educlopez
AI & Automation Listed

fabius-decor

fabius's ship-grade design layer — gives the agent a token vocabulary, the universal laws that separate amateur UI from shipped UI, and a quality checklist. Use when building or reviewing any UI — a landing page (visual execution; the message and copy are fabius-mercatus), a component, a screen, an email, a slide, a brand surface, a chart, a diagram, a data visualization — when the user references a brand look, or asks to make something "look good", "more polished", "production quality", "chart this", "graph this", or "visualize this data". Also covers generating images (for image models) and explanatory diagrams that teach a system: "generate an image", "diagram this", "explain this codebase visually". Also owns responsive/mobile-first layout and a finished design's accessibility — focus states, contrast, ARIA-only — plus icon choice, motion libraries, design assets (illustrations · 3D · textures · fonts · color · HuggingFace) and right-to-left / bidirectional layout (RTL, Hebrew/Arabic).

2 Updated yesterday
shear559