progressive-disclosure

Progressively disclose information and actions to control cognitive load in UIs.

Updated Apr 26, 2026
One-click install
npx skills add https://github.com/suwandre/my-opencode-config --skill progressive-disclosure-suwandre
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: progressive-disclosure
Source: https://github.com/suwandre/my-opencode-config/tree/main/skills/progressive-disclosure
Command: npx skills add https://github.com/suwandre/my-opencode-config --skill progressive-disclosure-suwandre

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Progressive Disclosure reduces cognitive load by revealing information and actions only when the user needs them, helping prevent overwhelm during complex tasks.

Core Features & Use Cases

  • Onboarding for complex products: show essential steps first, unlock details as the user progresses.
  • Multi-step forms and wizards: present only necessary fields at each stage, with advanced options hidden until needed.
  • Admin panels and settings: expose core controls upfront and gradually reveal advanced configurations.
  • Role-based access: tailor disclosure based on user permissions.

Quick Start

Design a multi-step form that reveals the next field only after the previous step is completed.

Frequently Asked Questions about progressive-disclosure

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

FAQPage Schema
What is progressive disclosure in UX design?

Progressive disclosure is a UX technique that reduces cognitive load by revealing information and actions only when the user needs them. It helps prevent overwhelm during complex tasks by showing essential elements initially and unlocking details as users progress.

How do I design a multi-step form that reveals fields progressively?

Design a multi-step form that reveals the next field only after the previous step is completed. This progressive disclosure pattern presents only necessary fields at each stage, hiding advanced options until needed to maintain user focus and reduce friction.

When should I use progressive disclosure for admin panels and settings?

Use progressive disclosure for admin panels and settings when you need to expose core controls upfront and gradually reveal advanced configurations. It suits feature-rich UIs where users should see only essential elements initially, keeping complex interfaces manageable.

Can I tailor progressive disclosure based on user permissions and roles?

Yes, you can apply role-based access to tailor disclosure based on user permissions. This ensures users only see information and actions relevant to their role, further reducing cognitive load and maintaining security across complex product interfaces.

What are the limitations of progressive disclosure in feature-rich UIs?

A key limitation is ensuring hidden tasks remain discoverable. Progressive disclosure requires clear state management, predictable reveal patterns, and measurable success criteria to guarantee users can still find advanced features and complete complex tasks without getting lost.