skills.rest
oakoss
oakossOFFICIAL
Explore all skills by this author →
Website𝕏@oak_ossGitHub

ux-designer

Designs user experiences and interfaces with WCAG 2.2 AA compliance.

14|5|Updated Jan 29, 2026
Search Tags:#design#ui#accessibility#prototyping#wireframing#ux
One-click install
npx skills add https://github.com/oakoss/agent-skills --skill ux-designer-oakoss
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ux-designer
Source: https://github.com/oakoss/agent-skills/tree/main/skills/ux-designer
Command: npx skills add https://github.com/oakoss/agent-skills --skill ux-designer-oakoss

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses the challenge of creating user-centered designs that are both functional and aesthetically pleasing, ensuring a positive user experience.

Core Features & Use Cases

  • User Journey Mapping: Define and visualize user paths through a product or service.
  • Wireframing & Prototyping: Create low-fidelity layouts and interactive prototypes.
  • Accessibility Audits: Ensure designs meet WCAG standards for inclusivity.
  • Use Case: When designing a new e-commerce checkout flow, use this Skill to map out the user journey, create wireframes for each step, and ensure the final design is accessible to all users.

Quick Start

Use the ux-designer skill to create a user journey map for a mobile banking app login process.

Frequently Asked Questions about ux-designer

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

FAQPage Schema
How do I design a user journey map for a new application flow?▼

To design user journeys, map out the complete paths users take through a product or service. This process visualizes touchpoints and helps identify friction points before creating wireframes or prototypes.

What is the best way to ensure my interface meets WCAG 2.2 AA accessibility standards?▼

Ensuring WCAG 2.2 AA compliance requires conducting accessibility audits on your interface designs. This verifies that interaction and visual design choices meet strict usability principles for inclusivity.

Can I create both low-fidelity wireframes and interactive prototypes for a checkout flow?▼

You can create both low-fidelity layouts and interactive prototypes for checkout flows. Wireframing establishes structural layouts, while prototyping validates the interactive experience before developer handoff.

Does this UX design process cover information architecture and developer handoff?▼

The UX design process covers information architecture, user flows, and developer handoff. It structures content hierarchies and translates usability testing insights into clear specifications for development teams.

How do I structure information architecture for a mobile banking app login process?▼

Structuring information architecture for a mobile banking login involves organizing content and user flows logically. You map the user journey to ensure secure, intuitive access to authentication and account features.

Related Skills

Explore More Design & Creative Skills→
dtsongdtsong
1

intake-skill

Transform natural language project descriptions into structured engagement briefs.

Community
Advanced
MrAlexisCordMrAlexisCord

UX Designer

Design user flows, wireframes, and prototypes with WCAG 2.1 AA compliance.

Community
Advanced
code-vibe-academycode-vibe-academy
2

designer-ui

Generate Atoms, Molecules, and high-fidelity mockups from wireframes using Atomic Design.

Official
Advanced
waqarahmed-designwaqarahmed-design
13

research-discovery

Plan and conduct UX research using interviews, usability testing, and surveys.

Community
Advanced