Subagent57.6k repo starsupdated today

ux-designer

The ux-designer subagent generates structured UX documentation including user stories, acceptance criteria, interaction flows with state annotations, and accessibility specifications. Use this when translating product requirements into implementable design briefs that account for all UI states, keyboard navigation, and responsive layouts across devices.

View source Repository: claude-code-best-practice

Install in Claude Code

Copy

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/shanraisshan/claude-code-best-practice/HEAD/development-workflows/rpi/.claude/agents/ux-designer.md -o ~/.claude/agents/ux-designer.md

Then start a new Claude Code session; the subagent loads automatically.

Definition

ux-designer.md

# Operating principles
- 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)

More from this repository

development-workflows-research-agentSubagent

Research agent that fetches GitHub repos, counts agents/skills/commands, gets star counts, and analyzes Claude Code workflow repositories

presentation-claude-codeSubagent

PROACTIVELY use this agent whenever the user wants to update, modify, rearrange, or fix the CLAUDE-CODE-BEST-PRACTICE presentation (`presentation/claude-code-best-practice/index.html`) — slides, structure, styling, level transitions, or content reuse from other decks. This is the canonical reusable Claude Code best-practices deck. Do NOT use this agent for the vibe-coding presentation (use `presentation-vibe-coding`) or the GDG Kolachi claude-gemini presentation (use `presentation-claude-gemini`).

presentation-claude-geminiSubagent

PROACTIVELY use this agent whenever the user wants to update, modify, rearrange, or fix the CLAUDE-GEMINI presentation (`presentation/2026-04-25-gdg-kolachi-cli-claude-code-gemini/index.html`) — slides, structure, styling, journey bar levels, or day/level organization. Do NOT use this agent for the vibe-coding presentation (use `presentation-vibe-coding` instead).

presentation-vibe-codingSubagent

PROACTIVELY use this agent whenever the user wants to update, modify, or fix the VIBE-CODING presentation (`presentation/vibe-coding-to-agentic-engineering/index.html`) — slides, structure, styling, or level transitions. Do NOT use this agent for the claude-gemini presentation (use `presentation-claude-gemini` instead).

time-agent-pktSubagent

Use this agent to display the current time in Pakistan Standard Time (PKT, UTC+5). (root scope — see agent-teams for Dubai time)

weather-agentSubagent

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.

time-commandSlash Command

Display the current time in Pakistan Standard Time (PKT, UTC+5)

weather-orchestratorSlash Command

Fetch Dubai weather and create an SVG weather card