Apply Aesthetic
Apply a visual direction, an archetype (high-end agency, editorial minimal, brutalist...
Install
npx skills add plugin87/ux-ui-agent-skills --skill apply-aesthetic -g -a claude-code -y- Repository
- plugin87/ux-ui-agent-skills3.1k
- Category
- Design
- Updated
- 8d ago
- License
- MIT
- Context cost
- Lightabout 573 tokens
- Runs scripts
- No, instructions only
What it does
Apply a visual direction, an archetype (high-end agency, editorial minimal, brutalist, soft-SaaS, dark-tech) or one of 2,144 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.
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.
