ux-designer

ux-designer is an agent for Claude Code from landim32/awesome-ai-skills. It costs 66 tokens per session (1,577 once invoked), scanned A, original, MIT.

A UI/UX design agent for React and Vite applications using Tailwind and shadcn/ui. It creates visual directions, HTML/CSS mockups, design tokens, and component specifications, but not React .tsx code.

In plain words
What is it for?
Use it for interface design, design systems, mockups, banners, slides, logos, icons, and component specifications.
Why use it?
It separates visual design decisions from application coding and makes the intended layout, styling, and component behavior easier to implement.

Agent for Claude Code

Written for Claude Code: shipped in a Claude Code plugin. Also seen: names the AskUserQuestion tool.

Part of the awesome-ai-skills plugin — 36 skills, 11 commands, 8 agents shipped together

Good fit Use it for interface design, design systems, mockups, banners, slides, logos, icons, and component specifications.

Compare 6 agents from other repositories ↓
Install with agentmods
npx agentmods add agents/landim32/awesome-ai-skills/ux-designer
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Clone the repo
git clone --depth 1 https://github.com/landim32/awesome-ai-skills

Made for: Claude Code.

Or install awesome-ai-skills, the plugin that ships this one along with the rest of its 36 skills, 11 commands, 8 agents.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for ux-designer

README.md
[![agentmods](https://agentmods.dev/badge/agents/landim32/awesome-ai-skills/ux-designer/github.svg)](https://agentmods.dev/agents/landim32/awesome-ai-skills/ux-designer)
Your own site
<a href="https://agentmods.dev/agents/landim32/awesome-ai-skills/ux-designer"><img src="https://agentmods.dev/badge/agents/landim32/awesome-ai-skills/ux-designer/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for ux-designer

Your own site · 80×15
<a href="https://agentmods.dev/agents/landim32/awesome-ai-skills/ux-designer"><img src="https://agentmods.dev/badge/agents/landim32/awesome-ai-skills/ux-designer.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 66 Only the description is in the session, so the agent can decide to use it. The body loads when it is invoked.
When invoked 1,577 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00066 $0.01577
Opus 5 $0.00033 $0.00788
Sonnet 5 $0.00013 $0.00315
Haiku 4.5 $0.00007 $0.00158

Measured 11d ago against content hash b6a4e1a95200, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-11, from the pricing page.

Security

Grade A, and why

ux-designer scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 11d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

agents/ux-designer.md · 56 lines

How it starts

The opening of the file, as written. The whole thing — 56 lines — stays where its author put it; the contents beside it link to each section on GitHub.

UI/UX Pro Max Designer

Role & Scope

You are a senior UI/UX designer for applications on React + Vite + Tailwind (with shadcn/ui as the component family). You deliver named visual directions, HTML/CSS mockups, component specs (props, states, variants, which shadcn parts to compose), and design tokens (CSS variables + tailwind.config theme.extend). You never write .tsx — React code belongs to frontend-react-developer. You also produce brand identity, banners, slides, logos, CIP deliverables, icons, and social photos via specialized skills.

Your scope does not include backend, mobile-native code, test-only work, or documentation authoring — see Boundaries below.

Composed Skills

  • ui-ux-pro-max — primary design intelligence (50+ styles, 161 palettes, 57 font pairings, 99 UX guidelines). Invoke for any UI/UX task to choose style, palette, typography, layout, and priority ladder.
  • ui-styling — invoke to recommend the shadcn/ui + Tailwind + Radix component family that materializes the chosen direction on React + Vite + Tailwind, without producing .tsx.
  • design-system — invoke to produce primitive → semantic → component tokens as CSS variables plus a tailwind.config theme.extend block. Three-layer discipline so brand changes cascade predictably.
  • brand — invoke to define or update voice, visual identity, palettes, typography. docs/brand-guidelines.md is the source of truth synced to assets/design-tokens.{json,css} via the skill's scripts.
  • banner-design — invoke for banners (social covers/posts, ads, website hero, print). Skill owns platform dimensions, safe-zone rules, the 22-style catalog, and Gemini image generation.
  • slides — invoke for HTML pitch decks and strategic presentations. Skill owns layout patterns, copywriting formulas, and Chart.js recipes.
  • design — unified entry point for logo (55 styles), CIP (50+ mockups), icon sets (15 styles, SVG), and multi-platform social photos. Owns sub-routing — never reimplement its decision matrix.

Read the full file on GitHub · 56 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 11d ago First seen · 56 lines · 66 tokens per session scan A b6a4e1a95200

Subscribe to this mod's changes

ux-designer is an agent published in the GitHub repository landim32/awesome-ai-skills (1 stars, last pushed 2mo ago), licensed MIT. It adds 66 tokens to every session and 1,577 once invoked, about $0.0003 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.

Related

Other agents, from other repositories

design-expert

Use when: designing or auditing a design system, a marketing site, a web app screen, or an iOS/Android mockup. Do NOT use for: wiring components into a codebase (delegate to the matching framework expert), or writing SwiftUI/Compose implementation code (delegate to swift-expert or an Android developer).

fusengine/agents · 70 tokens

frontend-designer

Frontend design and engineering specialist. Invoke for React components, CSS, design systems, accessibility implementation, responsive layouts, and web performance optimisation. Returns production-ready, accessible frontend code.

pranav8494/team-of-agents · 39 tokens

design-reviewer

Design review specialist. Reviews built pages or design images against the design handoff and premium-quality standards — visual hierarchy, token consistency, generic-AI patterns, micro-detail polish, responsive behavior. Use for design reviews, "does this look good", handoff-fidelity checks, or…

Gekkos-tech/agency-os · 66 tokens

lib-extender

Add a new primitive to lib/primitives/ with safety: JSDoc + sensible defaults + at least one consuming preset + passing snapshot tests + updated docs/lib-api.md + CLAUDE.md index. Specialized for the /svg-add-primitive skill's isolated-context phase. Has tightly restricted tools (no chrome MCP, no random Bash) to keep…

ChanMeng666/svg-animation-studio · 79 tokens

frontend-design-system-implementer

Use this agent when the user needs to implement a modern, professional website using frontend design system skills. This includes tasks like creating responsive layouts, implementing UI components, establishing design tokens, building component libraries, or applying modern CSS/styling techniques. Examples:\n\n…

oikon48/cc-frontend-skills · 286 tokens

wp-theme-developer

Use this agent for WordPress theme development tasks. Trigger when the user asks to "create a theme", "build a theme template", "add template parts", "create a block theme", "create a hybrid theme", "migrate classic to block", "set up theme.json", "add theme support", "create template hierarchy", "build a child…

iwritec0de/wp-dev · 142 tokens