A skill your agent uses whenever a design task involves the felt quality of an interface — beauty, polish, brand voice, persuasion, emotional response, marketing surfaces, hero sections, onboarding…

Apache-2.0Auto-check passedWriting & Content

Install Aesthetics Router

skills CLI
$ npx skills add hashgraph-online/awesome-codex-plugins --skill aesthetics-router -a claude-code

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

GitHub CLI
$ gh skill install hashgraph-online/awesome-codex-plugins aesthetics-router --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/hashgraph-online/awesome-codex-plugins.git skills-src && mkdir -p .claude/skills && cp -r skills-src/plugins/HDeibler/universal-design-principles/plugins/aesthetics-and-emotion-principles/skills/aesthetics-router .claude/skills/aesthetics-router && 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
aesthetics-router
GitHub stars
1.3k
Token cost
~963 tokens
SKILL.md length
309 words
Files
2 (incl. references)
Skills in repo
716
Repo updated
First seen
Licence
Apache-2.0

At a glance

A skill your agent uses whenever a design task involves the felt quality of an interface — beauty, polish, brand voice, persuasion, emotional response, marketing surfaces, hero sections, onboarding…

  • A design task involves the felt quality of an interface — beauty
  • SKILL.md covers Principles in this plugin, Heuristic for which to read… and Cross-plugin pointers
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
  • Emotional response

What it does

Aesthetics Router is an agent skill from hashgraph-online/awesome-codex-plugins. Use this skill whenever a design task involves the felt quality of an interface — beauty, polish, brand voice, persuasion, emotional response, marketing surfaces, hero sections, onboarding tone, empty/celebration states, illustrations, mascots, avatars. Trigger when the user mentions tone, polish, brand, "feels cold/cheap/premium," personality, voice, mascot, hero, "make it more delightful," or asks how a screen should make the user feel. Framework-agnostic. Routes the model to the right aesthetics principle in…

Its SKILL.md is about 960 tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files, including reference files (for example `references/further-reading.md`).

It sits in Writing & Content, covering Brand voice and tone and Landing pages. The repository describes itself as: A curated list of awesome OpenAI Codex / ChatGPT plugins, skills, and resources. The 1 Codex Marketplace. See live plugins at: https://hol.org/plugins/best-codex-plugins. The licence is Apache-2.0.

When your agent uses it

  • A design task involves the felt quality of an interface — beauty
  • Emotional response
  • Marketing surfaces
  • Onboarding tone

Example prompts

  • “feels cold/cheap/premium,”
  • “make it more delightful,”
  • “/aesthetics-router”

What it can do on your machine

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

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    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

Aesthetics Router loads about 963 tokens when it runs, and up to ~1.8k if it reads all its reference files. Until then it costs about 137 tokens; SKILL.md has 309 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~137
When it runs · the whole SKILL.md, loaded when a task matches
~963
With references · SKILL.md plus every file in references/, read only if the agent opens them
~1.8k

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 hashgraph-online/awesome-codex-plugins at commit 3e1456a, republished under its Apache-2.0 licence (© hashgraph-online). 309 words, ~963 tokens.

Download SKILL.mdSave it as .claude/skills/aesthetics-router/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.
name
aesthetics-router
description
Use this skill whenever a design task involves the felt quality of an interface — beauty, polish, brand voice, persuasion, emotional response, marketing surfaces, hero sections, onboarding tone, empty/celebration states, illustrations, mascots, avatars. Trigger when the user mentions tone, polish, brand, "feels cold/cheap/premium," personality, voice, mascot, hero, "make it more delightful," or asks how a screen should make the user feel. Framework-agnostic. Routes the model to the right aesthetics principle in this plugin.

Aesthetics & emotion — router

This plugin holds the principles that govern how an interface feels — beautiful, premium, friendly, trustworthy, alarming. They matter most on expressive surfaces (marketing, brand, onboarding) and least on instrumental surfaces (data tables, settings).

Principles in this plugin

Each principle has its own skill (with sub-aspect skills where useful). Principles marked [full] have reference-grade skill files; the rest are planned and will be added in subsequent passes.

Perceived quality
  • aesthetic-usability-effect — beautiful designs are perceived as more usable.
  • form-follows-function — form should derive from function; gratuitous decoration costs trust.
  • wabi-sabi — beauty in imperfection, asymmetry, transience.
  • veblen-effect — desirability that increases with price.
  • most-average-facial-appearance-effect — average faces are perceived as attractive.
Personality and tone
  • archetypes — recurring character patterns inform brand voice.
  • anthropomorphic-form — humanlike features evoke warmth.
  • baby-face-bias — round, big-eyed forms evoke trust and protectiveness.
  • attractiveness-bias — attractive subjects credited with unrelated positive traits.
  • phonetic-symbolism — sounds carry inherent connotations (sharp/soft, fast/slow).
  • personas — fictional users that anchor design decisions to a coherent audience.
Persuasion and emotional pull
  • exposure-effect — repeated exposure increases preference.
  • scarcity — perceived scarcity increases desirability.
  • supernormal-stimulus — exaggerated cues that out-compete natural ones.
  • immersion — flow state, distraction-free, full-attention.
Evolutionary biases
  • biophilia-effect — affinity for living things and natural patterns.
  • savanna-preference — preference for open landscapes with scattered cover.
  • prospect-refuge — preference for vantage points that allow seeing without being seen.
  • hunter-nurturer-fixations — gendered attention patterns (controversial).
  • face-ism-ratio — ratio of head to body shifts perceived authority vs. emotion.
  • waist-to-hip-ratio — body-shape bias in portraiture.
  • uncanny-valley — near-human faces that fail "human" cues evoke revulsion.

Heuristic for which to read first

  • Designing a marketing landing page → aesthetic-usability-effect, archetypes, exposure-effect.
  • Choosing a brand voice → archetypes, phonetic-symbolism, anthropomorphic-form.
  • Designing a mascot or avatar → anthropomorphic-form, baby-face-bias, uncanny-valley, most-average-facial-appearance-effect.
  • Premium tier marketing → veblen-effect, aesthetic-usability-effect.
  • Onboarding tone → archetypes, storytelling (cognition), aesthetic-usability-effect.
  • Empty / celebration states → wabi-sabi, anthropomorphic-form.

Cross-plugin pointers

  • For visual hierarchy and grouping, see perception-and-hierarchy-principles.
  • For learnability, see cognition-and-learnability-principles.
  • For behavior, see interaction-and-control-principles.
  • For accessibility, see process-and-robustness-principles.

© hashgraph-online, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 1 other file (references) in plugins/HDeibler/universal-design-principles/plugins/aesthetics-and-emotion-principles/skills/aesthetics-router of hashgraph-online/awesome-codex-plugins.

  • SKILL.md
  • references/further-reading.md

Open the folder on GitHubat commit 3e1456a

Compare with similar skills

Aesthetics Router 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.

Aesthetics Router compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Aesthetics Router this skillhashgraph-online/awesome-codex-plugins1.3k—~963Automated safety check: PassApache-2.0
Ogilvy Copywritingboraoztunc/skills3981 repos~2.7kAutomated safety check: PassMIT
Generate Voice Guidegooseworks-ai/goose-skills1.2k1 repos~2.1kAutomated safety check: PassMIT
SEO Content Writerthatrebeccarae/claude-marketing161—~1.1kAutomated safety check: PassMIT
Afrexai Copywriting MasteryLeoYeAI/openclaw-master-skills2.2k—~6.7kAutomated safety check: PassMIT
Ultralytics Brandingfcakyon/claude-codex-settings1.2k—~1.3kAutomated safety check: PassApache-2.0

Similar skills

  • Ogilvy Copywriting

    boraoztunc/skills

    Apply David Ogilvy's advertising principles when writing or reviewing copy, headlines, product descriptions, landing pages, ads, emails, or any persuasive text.

    398 GitHub starsUsed in 1 repo~2.7k tokens
    Writing & ContentAuto-check passed
  • Generate Voice Guide

    gooseworks-ai/goose-skills

    Generate a personal voice guide for X (Twitter) and/or LinkedIn by scanning a user's past posts and iteratively refining with sample-and-feedback loops.

    1.2k GitHub starsUsed in 1 repo~2.1k tokens
    Writing & ContentAuto-check passed
  • SEO Content Writer

    thatrebeccarae/claude-marketing

    SEO-optimized content creation with brand voice analysis and platform-specific frameworks.

    161 GitHub stars~1.1k tokensUpdated 4 mo ago
    Writing & ContentAuto-check passed
  • Afrexai Copywriting Mastery

    LeoYeAI/openclaw-master-skills

    Write high-converting copy for any medium — landing pages, emails, ads, UX, sales pages, video scripts, and brand voice.

    2.2k GitHub stars~6.7k tokensUpdated 2 mo ago
    Writing & ContentAuto-check passed
  • Ultralytics Branding

    fcakyon/claude-codex-settings

    This skill should be used when creating Ultralytics-branded content of any kind, including PDF, PPTX, Canva, or Google Slides presentations, DOCX documents, marketing or newsletter HTML emails…

    1.2k GitHub stars~1.3k tokensUpdated yesterday
    Documents & OfficeAuto-check passed
  • Avoid AI Writing

    conorbronsdon/avoid-ai-writing

    Audit and rewrite content to remove AI writing patterns ("AI-isms").

    4.9k GitHub starsUsed in 3 repos~8.1k tokens
    Writing & ContentAuto-check passed

More from hashgraph-online/awesome-codex-plugins

All 715 skills in this repo
  • Anime Reaction Gif

    hashgraph-online/awesome-codex-plugins

    Create original anime-style reaction stickers as looping GIFs and MP4 previews, using generated character pose sheets and timed key poses.

    1.3k GitHub stars~922 tokensUpdated today
    Auto-check passed
  • Calibredb

    hashgraph-online/awesome-codex-plugins

    Manage and query Calibre libraries with the calibredb CLI (local paths or Calibre Content server URLs).

    1.3k GitHub stars~1k tokensUpdated today
    Auto-check passed
  • Rust API Test Harness

    hashgraph-online/awesome-codex-plugins

    A skill your agent uses when adding, changing, testing, or debugging Rust HTTP APIs and services, especially when Codex needs black-box integration tests, random-port app startup, real database test…

    1.3k GitHub stars~1.7k tokensUpdated today
    Auto-check passed
  • Art

    hashgraph-online/awesome-codex-plugins

    Make a studio's game look like something at build time — a cover from a real frame of the game (free), painted covers, backdrops, textures and character plates from image models through the…

    1.3k GitHub stars~2.5k tokensUpdated today
    Auto-check passed
  • Calle

    hashgraph-online/awesome-codex-plugins

    Use CALL-E from Codex through the calle CLI. An agent skill from hashgraph-online/awesome-codex-plugins.

    1.3k GitHub stars~2.9k tokensUpdated today
    Auto-check passed
  • Game Balance Economy

    hashgraph-online/awesome-codex-plugins

    Balance game difficulty, resources, rewards, probability, progression, economies, and dominant strategies.

    1.3k GitHub stars~618 tokensUpdated today
    Auto-check passed

Questions about Aesthetics Router

What does Aesthetics Router do?

A skill your agent uses whenever a design task involves the felt quality of an interface — beauty, polish, brand voice, persuasion, emotional response, marketing surfaces, hero sections, onboarding…. Aesthetics Router is an agent skill from hashgraph-online/awesome-codex-plugins. Use this skill whenever a design task involves the felt quality of an interface — beauty, polish, brand voice, persuasion, emotional response, marketing surfaces, hero sections, onboarding tone, empty/celebration states, illustrations, mascots, avatars.

When should I use Aesthetics Router?

Aesthetics Router fits situations like: A design task involves the felt quality of an interface — beauty; emotional response; marketing surfaces; onboarding tone.

How do I install Aesthetics Router in Claude Code?

Run `npx skills add hashgraph-online/awesome-codex-plugins --skill aesthetics-router -a claude-code`. Or copy the skill folder (plugins/HDeibler/universal-design-principles/plugins/aesthetics-and-emotion-principles/skills/aesthetics-router in hashgraph-online/awesome-codex-plugins) into .claude/skills/aesthetics-router in your project. Claude Code loads it when a task matches its description.

How do I install Aesthetics Router in Codex?

Run `npx skills add hashgraph-online/awesome-codex-plugins --skill aesthetics-router -a codex`. Or copy the skill folder (plugins/HDeibler/universal-design-principles/plugins/aesthetics-and-emotion-principles/skills/aesthetics-router in hashgraph-online/awesome-codex-plugins) into .agents/skills/aesthetics-router in your project. Codex loads it when a task matches its description.

Can I use Aesthetics Router 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 hashgraph-online/awesome-codex-plugins --skill aesthetics-router -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/aesthetics-router, .gemini/skills/aesthetics-router, .github/skills/aesthetics-router and .opencode/skills/aesthetics-router in your project.

What does Aesthetics Router need to run?

SKILL.md names no scripts, command-line tools or credentials: Aesthetics Router is instructions for the agent only.

Does Aesthetics Router 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 Aesthetics Router 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 Aesthetics Router use?

Aesthetics Router is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Aesthetics Router use?

About 963 tokens (SKILL.md is roughly 3.9k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 854 tokens, read only when the agent opens those files.

What are the alternatives to Aesthetics Router?

Skills that share tags, products or a category with Aesthetics Router: Ogilvy Copywriting (boraoztunc/skills, 398 stars), Generate Voice Guide (gooseworks-ai/goose-skills, 1.2k stars), SEO Content Writer (thatrebeccarae/claude-marketing, 161 stars) and Afrexai Copywriting Mastery (LeoYeAI/openclaw-master-skills, 2.2k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Aesthetics Router?

hashgraph-online (a GitHub organization) maintains it in hashgraph-online/awesome-codex-plugins, which has 1,267 GitHub stars. The repository holds 716 skills in this directory. The repository was last updated on October 10, 2026.

Source: hashgraph-online/awesome-codex-plugins on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.