Claude Code Plugins

Community-maintained marketplace

Feedback

ux-design

@phanijapps/open-converse
0
0

Encode senior-level UX/product design practices for flows, states, and evaluations

Install Skill

1Download skill
2Enable skills in Claude

Open claude.ai/settings/capabilities and find the "Skills" section

3Upload to Claude

Click "Upload skill" and select the downloaded ZIP file

Note: Please verify skill by going through its instructions before using it.

SKILL.md

name ux-design
description Encode senior-level UX/product design practices for flows, states, and evaluations
triggers Design a user flow, Create UX documentation, Evaluate UX quality, Design user onboarding, Create interaction patterns
version 1.0.0
author Agent Skills Package
tags ux, design, user-experience, product, documentation

Professional UX Design

Encode senior-level UX/product design practices for flows, states, and evaluations.

UX Design Process

1. Clarify Goals

  • Understand user goals and business objectives
  • Identify success metrics and guardrails
  • Define constraints (technical, time, resources)

2. Design Flows

  • Map primary user journeys from start to completion
  • Identify alternative and edge case flows
  • Note decision points and branching paths

3. Define States

  • Empty state - first run or no data
  • Loading state - data fetching in progress
  • Success state - operation completed
  • Error state - something went wrong
  • Edge states - permissions, limits, conflicts

4. Design Interactions

  • Feedback for all user actions
  • Clear error messages with recovery paths
  • Undo/redo for destructive actions
  • Keyboard shortcuts and accessibility

5. Visual Design

  • Consistent visual hierarchy
  • Meaningful color usage (semantic colors)
  • Typography scale and spacing
  • Responsive layout considerations

6. Accessibility

  • WCAG AA compliance minimum
  • Keyboard navigation support
  • Screen reader compatibility
  • Color contrast requirements

7. Evaluation

  • Usability testing with real users
  • Heuristic evaluation against standards
  • Analytics review (drop-off, completion rates)
  • A11y audit and testing

See Also

  • reference.md - Common patterns (onboarding, wizards, search/filter, tables)
  • templates/ux-spec-template.md - Structured feature specification
  • templates/user-flow-template.md - Flow diagram description template
  • templates/ux-review-checklist.md - Review list for evaluating UI quality