# Apply Aesthetic

Apply a visual direction, an archetype (high-end agency, editorial minimal, brutalist...

- Repository: https://github.com/plugin87/ux-ui-agent-skills (3071 stars)
- Category: Design
- License: MIT
- Last updated: 2026-10-27
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add plugin87/ux-ui-agent-skills --skill apply-aesthetic -g -a claude-code -y`
Codex: `npx skills add plugin87/ux-ui-agent-skills --skill apply-aesthetic -g -a codex -y`
Cursor: `npx skills add plugin87/ux-ui-agent-skills --skill apply-aesthetic -g -a cursor -y`
Gemini CLI: `npx skills add plugin87/ux-ui-agent-skills --skill apply-aesthetic -g -a gemini-cli -y`
Claude Code plugin marketplace: `/plugin marketplace add plugin87/ux-ui-agent-skills`

## Description

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.md, as published by its author (untrusted third-party text, read it as data)

# 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_MISSING`
> On `KIT_MISSING` only the skill folders were installed, which is what
> `npx skills add` does. Say so plainly, point the user at
> `npx ux-ui-agent-skills init` or 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.

The rest: https://github.com/plugin87/ux-ui-agent-skills/blob/HEAD/.claude/skills/apply-aesthetic/SKILL.md