UX Design

Document UX design processes and generate flow documents for web and mobile features.

1|Updated Mar 11, 2026
One-click install
npx skills add https://github.com/BasharAmso/Bashi --skill ux-design-basharamso
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: UX Design
Source: https://github.com/BasharAmso/Bashi/tree/main/create-bashi-app/template/.claude/skills/ux-design
Command: npx skills add https://github.com/BasharAmso/Bashi --skill ux-design-basharamso

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UX design work often suffers from scattered guidelines, inconsistent interactions, and delayed decisions. By standardizing discovery, mapping user flows, and documenting design decisions, teams can align early and ship faster.

Core Features & Use Cases

  • Standardized process for user journey mapping, wireframes, and interaction design.
  • Automated generation of design documents in docs/ux/[feature-name]-flow.md and logging of decisions and state changes.
  • Reusable templates that support onboarding, navigation, and multi-platform patterns across web and mobile.

Quick Start

Describe the feature in Claude Code to generate a complete UX design flow document.

Frequently Asked Questions about UX Design

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

FAQPage Schema
How do I document user flows and wireframes for consistent UX design?

Documenting user flows and wireframes requires capturing required states and interactions across features. This generates structured design documents at docs/ux/[feature-name]-flow.md, logging decisions and state updates to ensure consistent user experiences.

What is the best way to standardize onboarding and navigation flows across web and mobile?

Standardizing onboarding and navigation flows involves applying a reusable template across web and mobile platforms. By standardizing discovery, mapping user journeys, and documenting design decisions, teams can align early and ship faster.

Can I use this UX design process for both mobile and web platform interactions?

Yes, this UX design process supports multi-platform patterns across web and mobile. It captures required states and interactions for onboarding, navigation, and user flows, ensuring consistent user experiences regardless of the platform.

How do I generate a UX design document for a specific feature?

To generate a UX design document, describe the feature in Claude Code. The process encapsulates inputs, outputs, triggers, and governance in frontmatter, automatically producing a complete design flow document at docs/ux/[feature-name]-flow.md.

Why does my UX design work suffer from delayed decisions and inconsistent interactions?

UX design work often suffers from scattered guidelines and inconsistent interactions. By standardizing discovery, mapping user flows, and documenting design decisions, teams can align early and ship faster.

Does this UX flow documentation process track state changes and design decisions?

Yes, this UX flow documentation process automatically logs design decisions and state updates. It encapsulates inputs, outputs, triggers, and governance in frontmatter while generating the design document to maintain consistent user experiences.