Claude Skill Aesthetic Foundations — independently scanned and version-tracked by SaferSkills.
SaferSkills independently audited Claude Skill Aesthetic Foundations (Plugin) and scored it 100/100 (green). The audit ran 55 deterministic rules across Security, Supply Chain, Maintenance, Transparency, and Community; it found 0 high-severity and 0 lower-severity findings. The full rule-by-rule trace and per-finding evidence are below. Free, methodology-open.
Findings & checks · 0 flagged
Every scanned point with the score it earned and what moved between them.
First recorded scan — no prior version to compare against.
The primary manifest — the file an agent reads to learn what this artifact does.
A Claude Code skill that gives Claude general aesthetic judgment — drawing on painting, photography, graphic design, and Eastern visual tradition.
Not a web/CSS framework checklist. Complements rather than replaces frontend-design.Default Claude has read the design literature but doesn't retrieve it consistently when looking at your UI. It defaults to "generic Material / Bootstrap muscle memory." This skill, when triggered, activates the aesthetic vocabulary so the critique is grounded in principles:
The 7-step critique protocol (3-second first impression → squint test → value test → negative-space test → crop test → master comparison → concrete move list) replaces "I think it should be cleaner" with reasoned design moves.
/plugin marketplace add caoxg/claude-skill-aesthetic-foundations
/plugin install aesthetic-foundations@aesthetic-foundationsAfter install + Claude Code reload, the skill activates automatically when Claude is asked to evaluate UI / make typography/color/layout decisions / review a screenshot. You can also force-trigger it explicitly:
"Use the aesthetic-foundations skill to review this page."
skills/aesthetic-foundations/
├── SKILL.md entry: when to trigger, what to load
├── critique-protocol.md the 7-step review procedure
├── references/
│ ├── composition.md 构图: visual weight / paths / negative space
│ ├── color.md 色彩: Munsell / Albers / Itten 7 contrasts
│ ├── typography.md 字体: Bringhurst / scale / mixed scripts
│ ├── grid-and-rhythm.md 网格: Müller-Brockmann / 8pt / modular scale
│ ├── visual-hierarchy.md 层级: Gestalt / 3-level / emphasis toolbox
│ └── ma-and-negative-space.md 留白: 間 / 计白当黑 / 4 uses of white
└── masters/
├── painters.md 9 painters as design reference
├── photographers.md 7 photographers as framing reference
├── designers.md 7 designers as systematic-aesthetic reference
└── 中式审美.md Chinese visual tradition (separate file by
intent — it's a distinct mode, not a footnote)~1900 lines of reference. The skill is knowledge dense, not procedural — when triggered, Claude has the right vocabulary in context; the actual critique is improvised against the page in front of you.
Most reference docs are in Chinese (zh-CN), with English technical terms inline where standard (Munsell / Albers / Gestalt / Bringhurst). The skill itself works regardless of your project language — it's the concepts that get loaded, not a particular vocabulary.
If you need English-only docs, PRs welcome.
| Skill | What it does | When to use |
|---|---|---|
aesthetic-foundations (this) | General aesthetic principles + critique framework | Visual judgment, "is this beautiful", reviewing a screenshot |
frontend-design | Production-grade web UI implementation | Building/coding components, picking framework styles |
They compose. aesthetic-foundations decides what should look like, frontend-design shows how to ship it in React/CSS.
Distilled from observations during a visual redesign pass on a private project — the principles ended up reusable enough to extract.
License: MIT
Issue / PR welcome on:
Persian miniatures, Indian/Mughal, African textile, Latin American modernism)
Not welcome:
honest design")
~30 seconds. Free. No account. Every finding cites a rule and a line of evidence.