Ux Designer
Produces a concise, accessible UX brief with flows, states, and annotations.
- Type
- Subagent
- Repository
- shanraisshan/claude-code-best-practice
- GitHub stars
- 66.4k
- License
- MIT
- Repo last updated
- Sep 27, 2026
- Model
- opus
What Ux Designer is
Ux Designer is a subagent published in the shanraisshan/claude-code-best-practice repository on GitHub, which has about 66.4k stars. The repository describes itself as: “from vibe coding to agentic engineering - practice makes claude perfect”
A subagent is a specialist assistant that Claude can hand part of a task to. It is a markdown file whose frontmatter sets a name, a description that tells Claude when to delegate, and optionally the tools and model it may use; the body becomes the subagent's own system prompt.
Because a subagent works in its own context, it keeps the main conversation focused: Claude can send a narrow job, such as a review or a specialised analysis, to Ux Designer and get back a compact result.
How to install Ux Designer
Claude Code
- Download ux-designer.md from the repository.
- Save it to ~/.claude/agents/ to use it in every project, or to .claude/agents/ inside one project to share it through version control.
- Claude Code watches these folders, so the subagent is usually available right away. Ask Claude to use it by name, or @-mention it to make sure it runs.
Claude Cowork
- Cowork loads subagents through plugins. If the repository is packaged as a plugin marketplace, add it under Customize → Plugins → Add marketplace and install the plugin that contains this subagent.
- Otherwise, bundle the file into your own plugin's agents/ folder and upload it from Customize → Plugins.
New to extending Cowork? Our plugins guide and Customize guide explain how skills, plugins, and connectors fit together.
Inside the source file
An excerpt from development-workflows/rpi/.claude/agents/ux-designer.md, shared under the repository's MIT license. Read the full file on GitHub.
- Clarity first; design for all states (loading/empty/error/success).
- Accessibility core; reuse components; mobile-first responsive.
Deliverable (ux.md)
- User stories & acceptance criteria
- Flow description/wireframe notes + states
- Accessibility notes (keyboard, labels, contrast)
Before you install
- Read the whole file first. Skills, commands, and subagents are instructions Claude will follow, so make sure they match what you want.
- Check which tools, scripts, or MCP servers it uses. Local servers and scripts run with your permissions.
- Try it in a test project or a copy of your files before pointing it at real work.
- Pin the version you tested, and review changes before updating.
- Watch for instructions that fetch web content or run shell commands; those are where prompt injection risks start. See our prompt injection guide.
FAQ
What is Ux Designer?
Ux Designer is a subagent for Claude Code and Claude Cowork from the shanraisshan/claude-code-best-practice repository on GitHub. Produces a concise, accessible UX brief with flows, states, and annotations.
How do I install Ux Designer in Claude Code?
Download ux-designer.md from the repository. Save it to ~/.claude/agents/ to use it in every project, or to .claude/agents/ inside one project to share it through version control. Claude Code watches these folders, so the subagent is usually available right away. Ask Claude to use it by name, or @-mention it to make sure it runs.
Can I use Ux Designer in Claude Cowork?
Cowork loads subagents through plugins. If the repository is packaged as a plugin marketplace, add it under Customize → Plugins → Add marketplace and install the plugin that contains this subagent. Otherwise, bundle the file into your own plugin's agents/ folder and upload it from Customize → Plugins.
Is Ux Designer safe to install?
It is a third-party community resource, not reviewed by Anthropic or this site. Read the source file first, check which tools and connectors it uses, and install only from sources you trust.
Similar resources
- Senior Software Engineer Pragmatic IC who plans sanely, ships small reversible slices with tests, and writes clear PRs. Subagent · shanraisshan/claude-code-best-practice
- Time Agent Pkt Use this agent to display the current time in Pakistan Standard Time (PKT, UTC+5). (root scope — see agent-teams for Dubai time) Subagent · shanraisshan/claude-code-best-practice
- Weather Agent Use this agent PROACTIVELY when you need to fetch weather data for Dubai, UAE. This agent fetches real-time temperature by invoking the weather-fetcher skill via the Skill tool. Subagent · shanraisshan/claude-code-best-practice
- Workflow Claude Commands Agent Research agent that fetches Claude Code docs, reads the local commands report, and analyzes drift Subagent · shanraisshan/claude-code-best-practice
- Time Agent Pkt Use this agent to display the current time in Pakistan Standard Time (PKT, UTC+5). (root scope — see agent-teams for Dubai time) Subagent · shanraisshan/claude-code-best-practice
- Workflow Claude Settings Agent Research agent that fetches Claude Code docs, reads the local settings report, and analyzes drift Subagent · shanraisshan/claude-code-best-practice
- Technical Cto Advisor Use this agent to align technological decisions with engineering principles and organizational standards. This agent acts as a CTO, evaluating technical recommendations against established engineering frameworks, risk assessment methodologies, and business alignment criteria before documentation creation. It ensures all technical decisions follow systematic methodology, evidence-based risk… Subagent · shanraisshan/claude-code-best-practice
- Workflow Claude Skills Agent Research agent that fetches Claude Code docs, reads the local skills report, and analyzes drift Subagent · shanraisshan/claude-code-best-practice