skills.rest
HoaiAn0906
HoaiAn0906COMMUNITY
Explore all skills by this author →
GitHub

ui-ux-designer

Create user flows, wireframes, and design systems for web and mobile platforms.

Updated Aug 23, 2026
Search Tags:#design#ui#accessibility#prototyping#wireframes#ux#design-system
One-click install
npx skills add https://github.com/HoaiAn0906/Anki --skill ui-ux-designer-hoaian0906
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-designer
Source: https://github.com/HoaiAn0906/Anki/tree/main/.cursor/skills/ui-ux-designer
Command: npx skills add https://github.com/HoaiAn0906/Anki --skill ui-ux-designer-hoaian0906

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design teams need a structured approach to craft cohesive user experiences and intuitive interfaces across flows, wireframes, design systems, and usability guidelines.

Core Features & Use Cases

  • Provides end-to-end guidance for UX design, UI system creation, responsiveness, and accessibility compliance.
  • Supports tasks like creating user flows, wireframes, high-fidelity mockups, and prototyping for usability testing.
  • Use case: plan a new feature by outlining user journeys, building a design system, and delivering developer handoff specs.

Quick Start

Outline the user flow for a new feature and sketch the initial wireframe to start the design process.

Frequently Asked Questions about ui-ux-designer

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

FAQPage Schema
How do I create user flows and wireframes for a new feature?▼

To create user flows and wireframes for a new feature, outline the user journey and sketch the initial design structure. This provides a structured approach to craft cohesive user experiences across web and mobile platforms.

What is a design system and when do I need design tokens for UI development?▼

A design system requires design tokens to maintain visual consistency across interfaces. You need them during UI system creation to ensure cohesive component styling and responsiveness across web and mobile platforms.

How do I prepare UI mockups and design specs for developer handoff?▼

Prepare UI mockups and design specs for developer handoff by generating hands-off specifications and documentation. This ensures developers receive structured guidance for implementing the finalized design system and interface components.

Can I build accessible and responsive prototypes for usability testing on mobile and web?▼

Yes, you can build accessible and responsive prototypes for usability testing across mobile and web. This ensures your interface designs meet accessibility compliance and function properly during feature validation.

What is the best way to structure an onboarding journey and user experience flow?▼

The best way to structure an onboarding journey and user experience flow is to apply end-to-end UX design guidance. This maps user journeys systematically to deliver intuitive interfaces and cohesive onboarding experiences.

Related Skills

Explore More Design & Creative Skills→
Adelie-SquadAdelie-Squad
17

UX Designer Agent

Design user flows and wireframes from feature specifications and user context.

Official
Advanced
avgarciaavgarcia

ui-from-mockup

Convert HTML/CSS mockups into Angular Material 3 components.

Community
Advanced
flitzrrrflitzrrr
4

ux-design

Conduct user interviews, create personas, and run usability tests.

Community
Intermediate
bychrisrbychrisr

aiox-ux-design-expert

Orchestrate UX design workflows with atomic components and WCAG compliance.

Community
Advanced