ux-progressive-disclosure

Audit user interfaces and recommend progressive disclosure levels and implementation strategies.

Updated Feb 6, 2026
One-click install
npx skills add https://github.com/unthinkmedia/DesignExploration --skill ux-progressive-disclosure
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ux-progressive-disclosure
Source: https://github.com/unthinkmedia/DesignExploration/tree/main/.claude/skills/ux-progressive-disclosure
Command: npx skills add https://github.com/unthinkmedia/DesignExploration --skill ux-progressive-disclosure

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps design user interfaces that reduce complexity by revealing information and options progressively, making them easier to understand and use, especially for new users.

Core Features & Use Cases

  • Cognitive Load Reduction: Hides advanced or less frequently used options to declutter the interface.
  • Novice-to-Expert Transition: Supports users as they become more familiar with a system by making advanced features discoverable.
  • Use Case: When designing a complex settings panel, use this Skill to ensure only essential options are visible by default, with advanced configurations hidden behind an "Advanced Settings" toggle.

Quick Start

Analyze the current design of the user profile settings page and recommend how to apply progressive disclosure to simplify it.

Frequently Asked Questions about ux-progressive-disclosure

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

FAQPage Schema
How do I reduce cognitive load in a complex UI design?

Progressive disclosure reduces cognitive load by hiding advanced options and revealing information progressively as users interact with the interface. This ensures only essential choices are visible initially, simplifying the experience for new users while keeping advanced features discoverable.

What is the best way to design a novice-to-expert interface transition?

Designing a novice-to-expert transition involves implementing progressive disclosure to make advanced features discoverable through toggles or expandable sections. This supports users as they become familiar with the system while keeping the initial interface simple and uncluttered.

How do I simplify an overwhelming settings panel without losing functionality?

Simplify an overwhelming settings panel by using progressive disclosure to hide advanced configurations behind an "Advanced Settings" toggle. This keeps essential options visible by default while preserving full functionality for expert users who need deeper configurations.

When should I use progressive disclosure in user interface design?

Use progressive disclosure when you need to reduce initial cognitive load, simplify overwhelming interfaces, or support novice-to-expert transitions. It is ideal for complex applications where showing all options upfront would confuse new users.

Does progressive disclosure work for simplifying complex UI configurations?

Yes, progressive disclosure works for simplifying complex UI configurations by identifying opportunities to hide complexity and reveal information progressively. It uses a structured audit checklist and pattern library to recommend appropriate disclosure levels and implementation strategies.