UX Designer
UX Designer walks you through a five-phase methodology for building user-centered experiences: organizing content logically, mapping user flows, creating wireframes, testing prototypes with real users, and delivering production-ready designs. Each phase includes specific activities, validation checklists, and practical guidance on accessibility, design patterns, and tools like Figma and component libraries.
UX Designer guides you through a five-phase process from research and information architecture to prototyping, testing, and developer handoff.
AI-generated summary based on this skill's SKILL.md
Decision gist · record as of 2025-12-25
UX Designer guides you through a five-phase process from research and information architecture to prototyping, testing, and developer handoff. UX Designer walks you through a five-phase methodology for building user-centered experiences: organizing content logically, mapping user flows, creating wireframes, testing prototypes with real users, and delivering production-ready designs. Each phase includes specific activities, validation checklists, and practical guidance on accessibility, design patterns, and tools like Figma and component libraries.
Use it when
- UX Designer teaches wireframing fundamentals and prototyping techniques using tools like Figma.
- UX Designer emphasizes accessibility throughout the design process, providing WCAG compliance guidance and checklists.
Verify before relying
Read SKILL.md below before installing (3 files). Open directory: indexed for reading, not audited.
Install
daffy0208/ai-dev-standards/ux-designer · repository language: TypeScript
Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.
Frequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
What are the UX design process steps?
UX Designer guides you through five phases: research and information architecture to organize content logically, user flow mapping to visualize journeys, wireframing to establish layouts, usability testing with real users to validate decisions, and design handoff with production-ready specs for developers. Each phase includes validation checklists and practical accessibility considerations aligned with WCAG standards.
How do I create wireframes and prototypes with UX Designer?
UX Designer teaches wireframing fundamentals and prototyping techniques using tools like Figma. You'll learn to translate user flows into visual layouts, establish information hierarchy, apply interaction design principles, and build clickable prototypes for usability testing. The skill covers form design patterns, error states, and navigation patterns to ensure intuitive user experiences.
How can I ensure my designs meet accessibility standards?
UX Designer emphasizes accessibility throughout the design process, providing WCAG compliance guidance and checklists. You'll learn to design inclusive interfaces, implement accessible form patterns, test for usability across different user needs, and validate that your wireframes and prototypes meet accessibility requirements before handoff to developers.
What's involved in user research to design workflow?
UX Designer connects user research directly to design outcomes. You'll organize research findings into information architecture, map user flows based on research insights, create wireframes addressing user needs, and conduct usability testing to validate design decisions. This structured approach ensures designs are grounded in real user behavior and requirements.
How do I improve user experience with design systems?
UX Designer covers building reusable design systems and component libraries that scale across products. You'll establish consistent patterns for forms, navigation, error states, and interactions, then hand off detailed specifications to developers. Design systems ensure coherent experiences while streamlining the design-to-development workflow.
What's the best approach to testing prototypes with users?
UX Designer provides usability testing guidance to validate your design decisions with real users. You'll learn to conduct tests on wireframes and prototypes, gather feedback on navigation and interaction patterns, identify accessibility issues, and iterate based on findings before final handoff. Testing ensures your designs solve actual user problems.
SKILL.md
Rendered from the published skill. Quoted content, verbatim.
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
(truncated - see the full file via the links below)
File tree — 3 files
skills/ux-designer/README.md
skills/ux-designer/SKILL.md
skills/ux-designer/manifest.yaml
Let your AI agent find skills like this
Example. Real query, live index.
You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.
wish › “Learn structured UX design process from research to handoff”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
This skill guides you through a complete UX design process—from user research and Jobs-to-be-Done mapping through information architecture, interaction design, and validation. It includes frameworks for user flows, wireframes, state diagrams, and accessibility checklists, plus guidance on microcopy and error messaging to build intuitive, user-focused experiences.
Ux is LobeHub's interaction design reference for teams building or reviewing user-facing features. It covers four core design values—Natural, Meaningful, Certainty, and Growth—plus interaction principles and per-module execution checklists for Read, Edit, Act, Feedback, and Grow workflows. Use it to ensure consistent behavior across empty/loading/error states, lists at scale, selection visibility, and progressive disclosure.
A comprehensive design reference synthesized from industry sources like Refactoring UI and Tailwind CSS. Covers structure, visual systems, interaction, and polish across 16 topic areas—from semantic HTML and spacing scales to animations, component states, and defensive CSS. Use when building or reviewing any web interface.
Open Design routes design work into the right workflow—prototype, deck, document, or media—using coding agents already on your machine. It includes 72 built-in design systems, 5 visual directions, and exports to HTML, PDF, PPTX, and more.
Apply proven usability principles to audit interfaces and pinpoint friction. This skill scores your design against Krug's core laws—clarity, confidence-building navigation, and concise copy—plus Nielsen's heuristics for system feedback and user control. Get severity ratings for each issue and specific fixes to reach 10/10.
Visual Designer guides you through establishing design systems grounded in color theory, type scales, and spacing principles. It covers palette creation using the 60-30-10 rule, WCAG contrast requirements, font pairing strategies, and responsive layout techniques to ensure every visual decision serves your users.
More skills impeccable (MIT) · generic-react-ux-designer (MIT) · ui-design-system (MIT) · senior-architect (MIT) · Accessibility Engineer (MIT)