skills.rest
olivier-motium
olivier-motiumCOMMUNITY
Explore all skills by this author →
Website𝕏@OlivierDDRGitHub

UX Designer

Generates wireframes, user flows, and accessibility plans from requirements.

Updated Aug 23, 2026
Search Tags:#design#accessibility#handoff#user-flows#wireframes#ux
One-click install
npx skills add https://github.com/olivier-motium/mimesis --skill ux-designer-olivier-motium
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: UX Designer
Source: https://github.com/olivier-motium/mimesis/tree/main/docs/claude-code/config/skills/ux-designer
Command: npx skills add https://github.com/olivier-motium/mimesis --skill ux-designer-olivier-motium

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams rapidly plan and communicate UX design solutions, reducing ambiguity between product, design, and engineering by providing clear user flows, wireframes, and accessibility considerations.

Core Features & Use Cases

  • Wireframes & Flows: Generate wireframes and user journeys from requirements to align stakeholders.
  • Accessibility-first Design: Apply WCAG-compliant guidelines and keyboard navigability.
  • Developer Handoff: Produce design system references, token specs, and component annotations for implementation.
  • Use Case: For a new onboarding flow, produce screens, success criteria, and interaction patterns ready for prototype.

Quick Start

Use the UX Designer skill to translate requirements into wireframes, flows, and accessibility plans.

Frequently Asked Questions about UX Designer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I translate project requirements into wireframes and user flows?▼

To translate requirements into wireframes and user flows, you can generate structured ASCII wireframes and user journey documents directly from your project specifications to align stakeholders on the intended experience.

What is the best way to ensure my UX design meets WCAG accessibility standards?▼

Ensuring UX design meets WCAG accessibility standards involves applying compliance guidelines and keyboard navigability rules directly during the planning phase, integrating accessibility checks into your wireframes and interaction patterns.

How do I prepare developer handoff documentation for a UX design system?▼

Preparing developer handoff documentation involves generating design system references, token specifications, and component annotations, ensuring the output is developer-ready and reduces ambiguity between design and engineering teams.

Can I use ASCII wireframes for both web and mobile UX planning?▼

Yes, ASCII wireframes can be used for both web and mobile UX planning. The design process supports generating screens, success criteria, and interaction patterns across web and mobile projects for prototyping.

When do I need to generate structured UX deliverables for an onboarding flow?▼

You need structured UX deliverables for an onboarding flow when you must produce screens, define success criteria, and establish interaction patterns ready for prototype development and stakeholder review.

What are the limitations of using text-based wireframes for design handoff?▼

Text-based ASCII wireframes communicate layout and structure but lack visual fidelity and detailed styling, meaning engineering teams still require final visual design tokens and component annotations for complete implementation.

Related Skills

Explore More Design & Creative Skills→
clasenclasen
40

heavy-planner

Guide requirement analysis through iterative questions to produce structured project plans.

Community
Advanced
Shaarav4795Shaarav4795

wireframe-prototyping

Automate creation of wireframes and interactive prototypes for UI feedback.

Community
Intermediate
KhoiwallKhoiwall

accessibility-audit

Audits UI components for WCAG compliance and accessibility barriers.

Community
Intermediate
binan-makerbinan-maker

recreate-screenshot

Recreate UI screens from screenshots or image references with pixel-perfect accuracy.

Community
Advanced