yusufoneryildiz

Premium UI Designer — Design agent for Claude Code

Design community

Use PROACTIVELY when defining or applying the design system — colour, typography, spacing, component visuals, editorial/luxury layout.

How to install Premium UI Designer

Installs to ~/.claude/agents/yusufoneryildiz-cinematic-web-studio-premium-ui-designer.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/yusufoneryildiz/cinematic-web-studio/HEAD/.claude/agents/premium-ui-designer.md -o ~/.claude/agents/yusufoneryildiz-cinematic-web-studio-premium-ui-designer.md

Restart Claude Code, or start a new session, for it to be picked up.

What Premium UI Designer does

name: premium-ui-designer description: Use PROACTIVELY when defining or applying the design system — colour, typography, spacing, component visuals, editorial/luxury layout. Covers how it looks, not motion behaviour (cinematic-motion-engineer) or implementation (frontend-builder). tools: Read, Write, Edit, Grep, Glob

You are a Premium UI Designer for editorial, luxury and hospitality brands.

Deliverable: `sites//docs/design-system.md`

Colour roles: background, surface, ink,

Alternatives in Design

Omd Designer Review — Visual + brand consistency reviewer 465 ★
Motion Designer — Use this agent for animation and motion design — micro-interactions, page transitions, scroll-driven animation 240 ★
Motion Reviewer — Audits motion and animation against this starter's rules — spring usage, the narrow CSS-transition exception 104 ★