Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx skills add alexiseverage/aesthetic-frontend-skills --skill aesthetic-literacygit clone --depth 1 https://github.com/alexiseverage/aesthetic-frontend-skillsWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/alexiseverage/aesthetic-frontend-skills/aesthetic-literacy)<a href="https://agentmods.dev/skills/alexiseverage/aesthetic-frontend-skills/aesthetic-literacy"><img src="https://agentmods.dev/badge/skills/alexiseverage/aesthetic-frontend-skills/aesthetic-literacy/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/alexiseverage/aesthetic-frontend-skills/aesthetic-literacy"><img src="https://agentmods.dev/badge/skills/alexiseverage/aesthetic-frontend-skills/aesthetic-literacy.svg" alt="Reviewed on agentmods" width="80" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00109 | $0.02981 |
| Opus 5 | $0.00055 | $0.01491 |
| Sonnet 5 | $0.00022 | $0.00596 |
| Haiku 4.5 | $0.00011 | $0.00298 |
Grade A, and why
aesthetic-literacy scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured today.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 172 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Aesthetic Literacy
Summary
Gives an agent a structured framework for understanding named aesthetic movements as semiotic systems — not just visual preferences. Provides a 7-dimension decomposition model (palette, type, texture, shape, motion, spatial conventions, cultural markers) and a curated dictionary of 156 major aesthetics organized by family. Enables identification, characterization, disambiguation, and connotation-aware application of any named visual aesthetic.
Used as the foundation for aesthetic-application.
Compatibility / Tooling
This skill intentionally does not declare allowed-tools frontmatter. It is portable across Agent Skills-compatible runtimes and relies on reading this SKILL.md plus skill-local references/ and aesthetics/ markdown files. If an agent has file-reading tools, use them to load the referenced files; otherwise ask the user to provide the relevant excerpt.
When to Apply This Skill
Apply when:
- A user names an aesthetic ("Y2K", "brutalist", "cottagecore") and wants to understand it formally
- A user uses a vague descriptor ("retro", "cozy", "clean") that needs mapping to a concrete aesthetic
- A user asks about the difference between two related aesthetics
- A design aesthetic needs to be characterized before tokens or assets are produced
- Another workflow needs to reason about aesthetic identity before producing an application spec
Do NOT apply when the request is purely about component implementation, layout structure, or accessibility. Those are outside the scope of this skill.
The 7-Dimension Framework
Every aesthetic is a system expressible along 7 formal dimensions. Always characterize all 7. Never reduce an aesthetic to one dimension alone (typically palette).
| # | Dimension | What it covers |
|---|---|---|
| 1 | Palette | Core hue family, saturation level, value range, contrast behavior, characteristic combinations |
| 2 | Type | Type category (serif/sans/mono/display), historical style, weight distribution, case convention, letter-spacing norms |
| 3 | Texture | Surface quality (smooth, noisy, glossy, matte, aged, digital artifact), technique (CSS gradient, SVG filter, backdrop-filter, image overlay) |
| 4 | Shape | Border-radius personality, geometry (rectilinear/curved/geometric/organic), silhouette energy, UI element proportions |
| 5 | Motion | Timing character (snappy/slow/elastic/linear), easing personality, animation types present (fade/slide/spring/morph), reduced-motion behavior |
| 6 | Spatial Conventions | Density (sparse/dense), whitespace use, layering / z-axis depth, grid structure (strict/free/radial), content hierarchy approach |
| 7 | Cultural Markers | Iconographic vocabulary, motifs, symbols, textual register — elements that signal membership in the aesthetic community |
What ships with it
60 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
- aesthetics/1990s-minimalism.md 5.2 KB
- aesthetics/8-bit-pixel.md 6.4 KB
- aesthetics/88x31-badge-webring.md 3.9 KB
- aesthetics/aesthetic-movement.md 6.0 KB
- aesthetics/ai-slop-synthetic-corporate-art.md 8.1 KB
- aesthetics/anime-mecha-realism.md 7.6 KB
- aesthetics/apple-core-tech.md 7.6 KB
- aesthetics/apple-orchard-educational.md 4.2 KB
- aesthetics/art-deco.md 7.5 KB
- aesthetics/art-nouveau.md 7.5 KB
- aesthetics/arts-and-crafts.md 4.7 KB
- aesthetics/atomic-age.md 5.2 KB
- aesthetics/autumn-field-guide-naturalism.md 4.3 KB
- aesthetics/autumn-library-reading-challenge.md 4.3 KB
- aesthetics/b2b-quick-order-grid.md 4.9 KB
- aesthetics/balletcore.md 4.1 KB
- aesthetics/barbiecore.md 4.2 KB
- aesthetics/bauhaus.md 4.1 KB
- aesthetics/beaux-arts.md 6.9 KB
- aesthetics/biomechanical.md 4.1 KB
- aesthetics/bloomberg-terminal-monochrome.md 4.5 KB
- aesthetics/blue-note-jazz-modernism.md 7.9 KB
- aesthetics/board-game-box-art.md 8.3 KB
- aesthetics/bootleg-streetwear-logo-remix.md 4.3 KB
- aesthetics/browser-chrome-netscape.md 4.1 KB
- aesthetics/brutalism.md 4.4 KB
- aesthetics/casino.md 9.7 KB
- aesthetics/cassette-futurism.md 7.6 KB
- aesthetics/cheminformatics-map-explorer.md 4.5 KB
- aesthetics/chibi-mecha.md 7.6 KB
- aesthetics/chicano-lowrider-art.md 6.5 KB
- aesthetics/chinoiserie.md 6.4 KB
- aesthetics/city-pop.md 5.9 KB
- aesthetics/classroom-bulletin-board-halloween.md 4.3 KB
- aesthetics/claymorphism.md 5.8 KB
- aesthetics/clowncore.md 8.0 KB
- aesthetics/coastal-grandmother.md 4.3 KB
- aesthetics/companion-bot.md 4.5 KB
- aesthetics/constructivism.md 4.1 KB
- aesthetics/convenience-store-backoffice.md 4.4 KB
- aesthetics/corn-maze-wayfinding.md 4.1 KB
- aesthetics/corporate-grunge.md 6.3 KB
- aesthetics/corporate-memphis.md 4.9 KB
- aesthetics/cottagecore.md 7.7 KB
- aesthetics/cute-tech.md 7.5 KB
- aesthetics/cyberpunk.md 4.3 KB
- aesthetics/cybersigilism.md 4.3 KB
- aesthetics/dark-academia.md 7.5 KB
- aesthetics/de-stijl.md 4.0 KB
- aesthetics/decora-kei.md 6.7 KB
- aesthetics/desktop-publishing.md 4.9 KB
- aesthetics/dia-de-los-muertos-calavera-graphics.md 5.0 KB
- aesthetics/die-neue-typographie.md 4.2 KB
- aesthetics/dieselpunk.md 3.9 KB
- aesthetics/dreamcore-weirdcore.md 4.8 KB
- aesthetics/early-internet.md 6.1 KB
- aesthetics/fairground-carnival-poster-art.md 8.3 KB
- aesthetics/fictional-user-interface-diegetic.md 4.4 KB
- aesthetics/flat-design.md 6.3 KB
- aesthetics/folk-horror-pastoral.md 4.5 KB
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- today Changed 7888aced2d40
- 12d ago First seen · 172 lines · 109 tokens per session scan A 71b752e7643d
aesthetic-literacy is a skill published in the GitHub repository alexiseverage/aesthetic-frontend-skills (11 stars, last pushed today), licensed MIT. It adds 109 tokens to every session and 2,981 once invoked, about $0.0005 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.
Other skills, from other repositories
retro-playful-editorial-ig-post-skill
Create or redesign Instagram posts in a retro playful editorial aesthetic: 4:5 aspect ratio, clean magazine-style layout, nostalgic objects such as vintage phone, toys, and everyday items, balanced image and structured typography overlay, horizontal color blocks, label-style sections, subtle UI-like information layout…
soft-editorial-lifestyle-ig-post-skill
Create or redesign Instagram posts in a soft editorial lifestyle aesthetic: 4:5 aspect ratio, calm still-life composition with coffee cup, bread, linen fabric, warm morning light, clean magazine-style layout, structured color blocks, typography overlays, low-saturation warm palette, soft shadows, natural lighting…
bold-typography-ig-post-skill
Create or redesign Instagram posts in a bold typography-focused brutalist style: 4:5 aspect ratio, huge headline text dominating the canvas, deep ink background, linen beige typography, red-orange and deep red impact accents, dynamic composition, edgy impactful spacing, minimal decoration, modern brutalist layout. Use…
japanese-minimalism-ig-post-skill
Create or redesign Instagram posts in a Japanese minimalism lifestyle editorial style: 4:5 aspect ratio, soft warm beige background, muted olive accents, soft charcoal typography, natural layout, lots of breathing space, delicate typography, light grid alignment, subtle texture, calm clean refined aesthetic. Use for…
luxury-branding-ig-post-skill
Create or redesign Instagram posts in a luxury premium branding style: 4:5 aspect ratio, ivory background, gold accent, deep black typography, elegant serif and modern sans-serif pairing, centered composition, strong visual focus, subtle lighting gradient, refined spacing, minimal but powerful high-end editorial…
paper-texture-editorial-ig-post-skill
Create or redesign Instagram posts in a paper texture editorial style: 4:5 aspect ratio, subtle paper beige background, layered text blocks, printed magazine typography, soft shadows, slight imperfections, warm tactile design language, muted brown accents, soft black text. Use for IG posts, Instagram carousels…