How do I install the Apply Aesthetic skill?

Run npx skillmds@latest add gabrielmoreira/apply-aesthetic in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Apply Aesthetic safe to use?

This skill has not completed SkillMD's automated safety review yet. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. Capability flags: docs only. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Apply Aesthetic?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Apply Aesthetic free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Apply Aesthetic?

gabrielmoreira (@gabrielmoreira) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Apply Aesthetic by gabrielmoreira — Agent Skill

Name: Apply Aesthetic
Rating: 4.2 (5 reviews)
Author: gabrielmoreira

Apply Aesthetic

Apply a visual direction — an archetype (high-end agency, editorial minimal, brutalist, soft-SaaS, dark-tech) or one of 138 named design systems (apple, linear-app, stripe, vercel, notion, material, shadcn, spotify, tesla…) — by resolving it into the token system. Use when the user wants a specific look/vibe/brand feel, or asks to make a design feel premium/expensive/non-generic.

gabrielmoreira Updated Sep 9, 2026 17 repo stars

File contents

Skill: Apply Aesthetic

Choose and apply a design direction without breaking accessibility.

Steps

Brief Inference first (mandatory) — before any tokens, name it: industry/domain, audience & tone, the one mood adjective the result must earn, motion depth, and the layout-family sequence (taste/design-taste.md → Brief Inference + Variance Mandate). Generating before deciding = slop.
Pick a direction in taste/aesthetic-systems.md:
- An archetype (recipe mapped to our tokens), or
- A named library system — browse with python3 scripts/design_systems.py list (or search <term> / show <name>); specs live in design-systems/library/<name>/DESIGN.md.
Apply the Library Contract (in aesthetic-systems.md): re-point semantic.* tokens to the chosen system's color roles; map typography/spacing/radius/shadow/motion to tokens/*.json.
Verify contrast of every mapped color pair (scripts/contrast.py / a11y-audit). A brand value that fails must be adjusted — taste never overrides POUR.
Add motion per taste/motion-choreography.md; run the pre-flight aesthetic check in design-taste.md.

Output

Updated/overridden semantic tokens + notes on type/space/motion, then render via design-code. Confirm the result passes both the aesthetic check and accessibility.

Frequently asked questions