apply-aesthetic
Installation
SKILL.md
Skill: Apply Aesthetic
Step 0 — is the kit here? This skill reads files from the kit. Check once:
ls ${CLAUDE_SKILL_DIR}/../../../tokens >/dev/null 2>&1 && echo KIT_OK || echo KIT_MISSINGOnKIT_MISSINGonly the skill folders were installed, which is whatnpx skills adddoes. Say so plainly, point the user atnpx ux-ui-agent-skills initor the plugin install, and stop. Do not guess the contents of a file you could not open.
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 (
${CLAUDE_SKILL_DIR}/../../../taste/design-taste.md→ Brief Inference + Variance Mandate). Generating before deciding = slop. - Pick a direction in
${CLAUDE_SKILL_DIR}/../../../taste/aesthetic-systems.md:- An archetype (recipe mapped to our tokens), or
- A named library system — browse with
python3 ${CLAUDE_SKILL_DIR}/../../../scripts/design_systems.py list(orsearch <term>/show <name>); specs live in${CLAUDE_SKILL_DIR}/../../../design-systems/library/<name>/DESIGN.md.
- Apply the Library Contract (in
aesthetic-systems.md): re-pointsemantic.*tokens to the chosen system's color roles; map typography/spacing/radius/shadow/motion to${CLAUDE_SKILL_DIR}/../../../tokens/*.json. - Verify contrast of every mapped color pair (
${CLAUDE_SKILL_DIR}/../../../scripts/contrast.py/a11y-audit). A brand value that fails must be adjusted — taste never overrides POUR. - Add motion per
${CLAUDE_SKILL_DIR}/../../../taste/motion-choreography.md; run the pre-flight aesthetic check indesign-taste.md.