New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Committed Aesthetic

by avelikiy in avelikiy/great_cto

How to write — and how to use — a skill that IS one aesthetic rather than a catalogue of them.

MITAuto-check passedFrontend & Design

Install Committed Aesthetic

skills CLI
$ npx skills add avelikiy/great_cto --skill committed-aesthetic -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install avelikiy/great_cto committed-aesthetic --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/avelikiy/great_cto.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/committed-aesthetic .claude/skills/committed-aesthetic && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
committed-aesthetic
GitHub stars
102
Token cost
~1.7k tokens
SKILL.md length
898 words
Files
1
Skills in repo
27
Repo updated
First seen
Licence
MIT

At a glance

How to write — and how to use — a skill that IS one aesthetic rather than a catalogue of them.

  • Works in 5 steps: Transferable DNA — numbered, specific,… → What this does NOT do — the IP boundary,… → A component library that runs → …
  • A design keeps coming out competent and forgettable
  • SKILL.md covers The problem this exists for, The form, The banned list, and why we… and Using one, plus 1 more section
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Committed Aesthetic is an agent skill from avelikiy/great_cto. 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.

Its SKILL.md is about 1.7k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Frontend & Design. The repository describes itself as: You already have the agent. This is everything around it. greatcto runs Claude Code as a pipeline of 70 specialist agents — an independent model checks each stage before the next… The licence is MIT.

When your agent uses it

  • A design keeps coming out competent and forgettable
  • Starting a new brand surface with no reference
  • Authoring a house style you want executed the same way twice

Example prompts

  • “/committed-aesthetic”

Requirements

  • Pre-approved tools (allowed-tools): Read, Write, Grep, Glob

Workflow steps

5 steps, taken from the step headings in SKILL.md.

  1. Transferable DNA — numbered, specific, falsifiable
  2. What this does NOT do — the IP boundary, as a table
  3. A component library that runs
  4. Templates for the signature patterns
  5. Reference captures, marked "study, do not pixel-copy"

What it can do on your machine

Read from SKILL.md and the folder at commit 97dd037. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves these tools, so the agent can use them without asking each time:

    • Read
    • Write
    • Grep
    • Glob

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Committed Aesthetic loads about 1.7k tokens when it runs. Until then it costs about 113 tokens; SKILL.md has 898 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~113
When it runs · the whole SKILL.md, loaded when a task matches
~1.7k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from avelikiy/great_cto at commit 97dd037, republished under its MIT licence (© avelikiy). 898 words, ~1,677 tokens.

Download SKILL.mdSave it as .claude/skills/committed-aesthetic/SKILL.md (or your agent's skills folder).
name
committed-aesthetic
description
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.
allowed-tools
Read, Write, Grep, Glob
when_to_use
Apply when: - design-advisor is starting a UI-bearing surface with NO existing system to match - output from ui-ux-pro-max keeps landing on "clean modern…
effort
low

A committed aesthetic beats a catalogue

The problem this exists for

ui-ux-pro-max ships 84 styles, 161 palettes and 57 font pairings, and design-advisor is wired to all of it. The catalogue is not the bottleneck.

The bottleneck is that a catalogue lets a model pick, and an unconstrained pick is the modal one. Asked for a landing page with no brand, any model reaches for the same safe centre: a soft gradient, a large sans heading, three rounded cards with a left accent border, generous neutral grey. Every input in the training distribution votes for it. Nothing in a catalogue entry saying "Swiss minimalism — clean, grid-based, generous whitespace" is specific enough to override that, because that sentence describes the safe centre too.

Compare a rule from a committed aesthetic:

every dimension is calc(fraction * 100vw) against a baseline width, so one page at 1024px reads as a perfect scaled-down of the same page at 1920px

You can check that. A design either obeys it or does not. That is the whole difference: a catalogue entry is a label, a committed aesthetic is a constraint.

The form

A committed-aesthetic skill has five parts. The first is the one that does the work.

1. Transferable DNA — numbered, specific, falsifiable

Between 8 and 14 rules. Each must be checkable by someone who was not in the room. Test every rule against this: could two designers disagree about whether a page obeys it? If yes, it is a vibe, rewrite it.

Vibe (useless)Constraint (usable)
"thin, elegant type""weights 100 or 300 only, never 400+"
"lots of whitespace""~60% of any above-the-fold area is empty"
"restrained motion""no shadows, no gradients, no bounce; one shadow exists in the system, on toasts"
"technical feel""product codes use en-dash U+2013, never hyphen"
"dark and dense""five surface steps, each ~5% apart; depth is a surface step, never a shadow"
2. What this does NOT do — the IP boundary, as a table

An aesthetic is inspired-by, not cloned. Name the specific assets that belong to whoever you are borrowing from — wordmark, icon set, information architecture, product names, copy — and for each give the reason and what to do instead. This is not a legal disclaimer at the bottom; it is a working table an agent reads while building, and it is the difference between an homage and a trademark problem. Where the source is a real company, default to inspired-but-distinct and ask before taking the clone path.

3. A component library that runs

One HTML file the agent can open, with every component rendered and its own CSS inline, copy-pasteable. A token table in prose is read and paraphrased; a rendered gallery is copied exactly. This is why the form works at all.

4. Templates for the signature patterns

The two or three moves nobody would reconstruct from the DNA list alone — the navigation shape, the section header, the hero. With swap these for your own brand marked in comments.

5. Reference captures, marked "study, do not pixel-copy"

Screenshots are for understanding the patterns. Building FROM a screenshot rather than from the rules produces a bad tracing of one page instead of a design in the family.

Show full SKILL.md (369 more words)Show less

The banned list, and why we needed one

ui-ux-pro-max's anti-pattern tables are about accessibility, touch targets and performance. They are good and they are not about taste. Nothing in this repository told an agent what cliché looks like, so the only defence against slop was one sentence in design-advisor: "no generic clean modern minimal filler".

Banned by default on any surface without an existing system that calls for them:

  • A gradient as the page ground. Especially purple-to-blue, especially at 135°.
  • The card triplet: three equal cards, rounded corners, a coloured left border, an icon in a tinted circle.
  • Inter, Roboto, Arial, Open Sans, Fraunces, Poppins as the display face. Not because they are bad — because they are the default vote.
  • Emoji as iconography. Draw the icon. (Emoji are fine if the brand uses them.)
  • The hero that describes a category rather than taking a position. "The modern platform for X" is the sentence a model writes when it has not been told what to believe.
  • Glassmorphism, neumorphism, and a mesh-gradient blob unless the brief names one of them.
  • Symmetric three-column feature grids as the default second section.

A banned list is not a style. It removes the centre so a choice has to be made.

Using one

  1. If a system already governs, this skill does not apply — match what exists.
  2. If nothing governs and you can ask: offer 2–4 genuinely different directions, each an axis you can name, before building. Not five shades of one aesthetic — that is not a choice.
  3. If nothing governs and you cannot ask: commit to ONE, state the assumption in a line at handover, and put 1–2 low-fi alternates beside the deliverable, never instead of it.
  4. Once a direction is chosen, load its committed-aesthetic skill and execute the DNA rules literally. Cite the rule number for each choice, the way design-advisor already cites a ui-ux-pro-max rule.

Instances in this repository

Related: skills/ui-ux-pro-max/SKILL.md is the catalogue this stands beside, not a replacement for it — the catalogue is where you look when you need to KNOW something; this is what you load once you have DECIDED something.

© avelikiy, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

Just SKILL.md in skills/committed-aesthetic of avelikiy/great_cto.

Open the folder on GitHubat commit 97dd037

Compare with similar skills

Committed Aesthetic next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Committed Aesthetic compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Committed Aesthetic this skillavelikiy/great_cto102—~1.7kAutomated safety check: PassMIT
Web Artifacts Builderanthropics/skills180k40 repos~769Automated safety check: PassApache-2.0
React Doctormakeplane/plane61k12 repos~657Automated safety check: PassAGPL-3.0
Impeccablebestofjs/bestofjs3.1k26 repos~2.6kAutomated safety check: PassMIT
Figma Design System Builderwarpdotdev/warp65k2 repos~4.4kAutomated safety check: PassAGPL-3.0
Web Interface Guidelines Reviewervercel-labs/openreview1.7k97 repos~308Automated safety check: PassNone

Similar skills

  • Web Artifacts Builder

    anthropics/skills

    Official

    Builds multi-component claude.ai HTML artifacts as a small React, TypeScript and Tailwind project, then bundles it into one shareable HTML file.

    180k GitHub starsUsed in 40 repos~769 tokens
    Frontend & DesignAuto-check passed

  • React Doctor

    makeplane/plane

    Scans React code for lint, accessibility, bundle size and architecture issues, reports a health score and checks that changes do not lower it.

    61k GitHub starsUsed in 12 repos~657 tokens
    Frontend & DesignAuto-check passed

  • Impeccable

    bestofjs/bestofjs

    A skill your agent uses when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a…

    3.1k GitHub starsUsed in 26 repos~2.6k tokens
    Frontend & DesignAuto-check passed

  • Figma Design System Builder

    warpdotdev/warp

    Builds or updates a design system in Figma from a codebase in ordered phases: discovery, variables and tokens, components, theming and documentation, with checkpoints.

    65k GitHub starsUsed in 2 repos~4.4k tokens
    Frontend & DesignAuto-check passed

  • Web Interface Guidelines Reviewer

    vercel-labs/openreview

    Official

    Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my…

    1.7k GitHub starsUsed in 97 repos~308 tokens
    Frontend & DesignAuto-check passed

  • Tailwindcss Development

    anonaddy/anonaddy

    Always invoke when the user's message includes 'tailwind' in any form.

    4.9k GitHub starsUsed in 10 repos~865 tokens
    Frontend & DesignAuto-check passed

More from avelikiy/great_cto

All 27 skills in this repo

  • AnyDesign Design Analyzer

    avelikiy/great_cto

    Analyzes a screenshot, website or Figma file and writes a `design.md` with its token system, component inventory and reconstruction notes, or an `element.md` for one element.

    102 GitHub starsUsed in 1 repo~3.2k tokens
    Auto-check passed

  • Opportunity Solution Tree

    avelikiy/great_cto

    Builds an Opportunity Solution Tree that links one measurable outcome to customer opportunities, candidate solutions and experiments.

    102 GitHub stars~1.8k tokensUpdated yesterday
    Auto-check passed

  • Outcome-Focused Roadmap Rewriter

    avelikiy/great_cto

    Rewrites a feature-list roadmap into outcome statements that name the customer segment, the result they get and the business impact, grouped into themes.

    102 GitHub stars~1.3k tokensUpdated yesterday
    Auto-check passed

  • Exposed Secret Rotation

    avelikiy/great_cto

    Turns a leaked key, token or password into one tracked rotation task the moment it's spotted, instead of a reminder repeated every session.

    102 GitHub stars~884 tokensUpdated yesterday
    Auto-check: notes

  • Skeptical Triage

    avelikiy/great_cto

    Runs a three-round self-challenge plus an arbiter over high-stakes findings, so false positives from reviews, audits and flaky-test verdicts do not become blockers.

    102 GitHub stars~2.1k tokensUpdated yesterday
    Auto-check: notes

  • Aesthetic Instrument

    avelikiy/great_cto

    greatcto's own committed aesthetic — the instrument panel. An agent skill from avelikiy/great_cto.

    102 GitHub stars~1.9k tokensUpdated yesterday
    Auto-check passed

Categories

Questions about Committed Aesthetic

What does Committed Aesthetic do?

How to write — and how to use — a skill that IS one aesthetic rather than a catalogue of them. Committed Aesthetic is an agent skill from avelikiy/great_cto. How to write — and how to use — a skill that IS one aesthetic rather than a catalogue of them.

When should I use Committed Aesthetic?

Committed Aesthetic fits situations like: A design keeps coming out competent and forgettable; starting a new brand surface with no reference; authoring a house style you want executed the same way twice.

How do I install Committed Aesthetic in Claude Code?

Run `npx skills add avelikiy/great_cto --skill committed-aesthetic -a claude-code`. Or copy the skill folder (skills/committed-aesthetic in avelikiy/great_cto) into .claude/skills/committed-aesthetic in your project. Claude Code loads it when a task matches its description.

How do I install Committed Aesthetic in Codex?

Run `npx skills add avelikiy/great_cto --skill committed-aesthetic -a codex`. Or copy the skill folder (skills/committed-aesthetic in avelikiy/great_cto) into .agents/skills/committed-aesthetic in your project. Codex loads it when a task matches its description.

Can I use Committed Aesthetic in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add avelikiy/great_cto --skill committed-aesthetic -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/committed-aesthetic, .gemini/skills/committed-aesthetic, .github/skills/committed-aesthetic and .opencode/skills/committed-aesthetic in your project.

What does Committed Aesthetic need to run?

SKILL.md names no scripts, command-line tools or credentials: Committed Aesthetic is instructions for the agent only. Its frontmatter pre-approves these tools: Read, Write, Grep, Glob.

Does Committed Aesthetic access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Committed Aesthetic safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Committed Aesthetic use?

Committed Aesthetic is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Committed Aesthetic use?

About 1.7k tokens (SKILL.md is roughly 6.7k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Committed Aesthetic?

Skills that share tags, products or a category with Committed Aesthetic: Web Artifacts Builder (anthropics/skills, 180k stars), React Doctor (makeplane/plane, 61k stars), Impeccable (bestofjs/bestofjs, 3.1k stars) and Figma Design System Builder (warpdotdev/warp, 65k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Committed Aesthetic?

avelikiy (a GitHub user) maintains it in avelikiy/great_cto, which has 102 GitHub stars. The repository holds 27 skills in this directory. The repository was last updated on October 9, 2026.

Source: avelikiy/great_cto on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.