UX Designer
This walks Claude through a structured five-phase UX design process, from information architecture through prototyping and testing. It's built around the principle of designing for users rather than personal preference, pushing for research-backed decisions at every step. The skill comes from daffy0208's ai-dev-standards repo, which has passed security audits from Gen Agent Trust Hub, Socket, and Snyk. Useful if you want Claude to approach design work systematically rather than jumping straight to wireframes. The phases are clearly defined, so it should help keep UX conversations organized when you're working through design problems or need to justify design choices with actual methodology.
- GitHub stars
- 33
- last updated
- Aug 21, 2026
Install
$ npx -y skills add daffy0208/ai-dev-standards --skill 'UX Designer' --agent claude-codeInstalls into .claude/skills of the current project.
Files
UX Designer
Design intuitive, accessible user experiences grounded in research.
Core Principle
Design for users, not yourself. Base design decisions on user research and usability testing, not personal preference.
5-Phase UX Design Process
Phase 1: Information Architecture
Goal: Organize content and functionality logically
Activities:
- Card sorting: Let users organize content into categories
- Site mapping: Create hierarchy of pages and features
- Navigation design: Primary, secondary, utility navigation
- Labeling: Clear, user-friendly terminology
Validation:
- IA tested with 5+ users (tree testing)
- Navigation paths clear and logical
- Labels match user mental models
Phase 2: User Flows
Goal: Map paths users take to complete tasks
Key Flows to Design:
- Onboarding: First-time user experience
- Core tasks: Primary use cases (80% of usage)
- Error states: Recovery from mistakes
- Edge cases: Less common but important scenarios
Flow Diagram Elements:
[Entry Point] → [Decision] → [Action] → [Outcome]
↓
[Alternative Path]
Validation:
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/daffy0208/ai-dev-standards
- Categories
- Code Review & Quality, AI & Agent Building, Design & UI/UX
- First seen
- Jun 3, 2026
More from daffy0208/ai-dev-standards
All 49- Visual Designer
- Animation Designer1.9K
- Brand Designer1.3K
- 3d Visualizer670
- Data Visualizer576
- Video Producer454
- Mobile Developer416
- Iot Developer391
- Copywriter257
- Api Integration Builder244
- Product Analytics244
- Livestream Engineer212
- Customer Support Builder210
- Product Analyst206
- Quality Auditor201
- Audio Producer199
- Customer Feedback Analyzer190
- Usability Tester188
- Voice Interface Builder187
- Data Engineer181
- Forensic Data Engineer181
- Pricing Strategist180
- Spatial Developer174
- Codex Review Workflow166
Recommended
More Code Review & Quality
auditing-skillsdbt-labs/dbt-agent-skillsWhen you're publishing Claude skills on skills.sh or Tessl, this walks you through interpreting their security and quality audits, then...0skills.sh installs
exp-mock-usage-analysisdotnet/skillsAudits .NET test mock usage by tracing each mock setup through the production code's execution path to find dead, unreachable, redundant, or replaceable mocks. 0skills.sh installs
frontend-designdtsola/xiaoyaosearchCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applicat0skills.sh installs
TikTok Ad Creative Generationeachlabs/skillsGenerate TikTok-native ad creatives using each::sense API - vertical videos, Spark Ads style, trending formats, and UGC aesthetics0skills.sh installsUGC Video Generationeachlabs/skillsGenerate authentic user-generated content (UGC) style videos including testimonials, unboxings, reviews, and selfie-style content using each::sense API0skills.sh installs
fancy-yard-landscapererichowens/some_claude_skillsExpert landscape designer transforming yards through photo mapping, 3D visualization, seasonal planning, and deep plant knowledge. Specializes in fast-growing p0skills.sh installs