ux-design

Design user experiences with anticipatory design, progressive disclosure, and conversion optimization.

Updated Mar 2, 2026
One-click install
npx skills add https://github.com/vitoropereira/claude-starter-kit --skill ux-design-vitoropereira
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ux-design
Source: https://github.com/vitoropereira/claude-starter-kit/tree/main/.claude/skills/frontend/ux-design
Command: npx skills add https://github.com/vitoropereira/claude-starter-kit --skill ux-design-vitoropereira

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses the challenge of creating user interfaces that are not only functional but also intuitive, delightful, and easy to use, reducing user friction and increasing engagement.

Core Features & Use Cases

  • Anticipatory Design: Design interfaces that predict user needs and reduce cognitive load.
  • Onboarding & Empty States: Optimize initial user experiences and guide users through blank states effectively.
  • Progressive Disclosure: Manage complexity by revealing information and options only when needed.
  • Micro-interactions & Feedback: Implement subtle yet impactful feedback loops for a more responsive feel.
  • CTA Optimization: Design clear and compelling calls to action to drive conversions.
  • Use Case: Design an onboarding flow for a new productivity app that guides users to their "aha!" moment within the first 60 seconds, using progressive disclosure and clear calls to action.

Quick Start

Design an onboarding flow for a new productivity app that guides users to their "aha!" moment within the first 60 seconds, using progressive disclosure and clear calls to action.

Frequently Asked Questions about ux-design

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

FAQPage Schema
How do I design an onboarding flow that gets users to their aha moment quickly?

Design onboarding flows using progressive disclosure and clear calls to action to guide users to their aha moment within the first 60 seconds. This reduces cognitive load and initial friction by revealing options only when needed.

What is anticipatory design and how does it improve user experience?

Anticipatory design predicts user needs to reduce cognitive load and friction. It improves user experience by creating intuitive interfaces that respond to user expectations before they explicitly ask, applying simplicity principles.

How do I use progressive disclosure to manage interface complexity?

Progressive disclosure manages interface complexity by revealing information and options only when needed. This technique minimizes initial visual clutter and guides users step-by-step through tasks like onboarding or empty states.

What's the best way to design empty states that guide users effectively?

The best way to design empty states is to use them as onboarding opportunities. Guide users through blank states effectively by applying clear micro-interactions and compelling calls to action to reduce friction and encourage engagement.

Can I use this approach to optimize calls to action for better conversions?

Yes, you can optimize calls to action for better conversions by applying anticipatory design principles. Clear and compelling CTAs drive conversions by reducing user friction and implementing subtle micro-interaction feedback loops.

When should I use micro-interactions in my user interface design?

Use micro-interactions in user interface design when you need to implement subtle yet impactful feedback loops. They create a more responsive feel, delighting users during tasks like onboarding flows and empty state navigation.