skills.rest
Chris-Maskey
Chris-MaskeyCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

progressive-disclosure

Sequence interface information with staged reveal triggers and success metrics.

Updated Apr 17, 2026
Search Tags:#onboarding#ux#progressive-disclosure#design-patterns#cognitive-load#usability-testing#feature-discovery
One-click install
npx skills add https://github.com/Chris-Maskey/opencode-config --skill progressive-disclosure-chris-maskey
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: progressive-disclosure
Source: https://github.com/Chris-Maskey/opencode-config/tree/main/skills/progressive-disclosure
Command: npx skills add https://github.com/Chris-Maskey/opencode-config --skill progressive-disclosure-chris-maskey

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Progressive Disclosure reduces cognitive load and prevents users from being overwhelmed by sequencing information and actions so only the most relevant options are visible at any given time. It helps new users learn the product faster while allowing power users to access advanced functionality without cluttering the primary interface.

Core Features & Use Cases

  • Disclosure hierarchy: define levels (Essential, Important, Useful, Advanced) and map UI elements to those levels.
  • Multiple reveal mechanisms: click-to-reveal, hover/tooltips, scroll, time-based introductions, and role/skill-based unlocking.
  • Audit and testing framework: inventory visible elements, prioritize by frequency and need, design reveal triggers, and measure success with task completion rates, time-to-complete, and support ticket volume.
  • Use Cases: onboarding flows, multi-step forms and wizards, admin panels, settings pages, and staged feature rollouts.

Quick Start

Create a progressive disclosure plan for the onboarding flow that lists Level 0–3 elements, reveal triggers, and success metrics.

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 design pattern that sequences interface information to reduce cognitive load, revealing only the most relevant options at any given time so users are not overwhelmed.

How do I reduce cognitive load in a feature-rich admin panel?▼

Reduce cognitive load by mapping UI elements to a disclosure hierarchy (Essential, Important, Useful, Advanced) and hiding advanced functionality behind reveal triggers like click-to-reveal or hover.

What are the best reveal triggers for an onboarding flow?▼

Effective reveal triggers for onboarding flows include click-to-reveal, hover tooltips, scroll-based actions, time-based introductions, and role or skill-based unlocking to sequence feature discovery.

How do I measure the success of a progressive disclosure design pattern?▼

Measure progressive disclosure success by tracking task completion rates, time-to-complete, and support ticket volume to verify that staged visibility improves learnability and reduces user errors.

Does progressive disclosure work for multi-step forms and wizards?▼

Progressive disclosure works effectively for multi-step forms and wizards by breaking complex inputs into staged visibility, preventing users from abandoning tasks due to overwhelming initial screens.

When should I avoid using progressive disclosure in interface design?▼

Avoid progressive disclosure when users need immediate access to all interface options, as hiding critical elements behind triggers can increase friction and task completion time for experienced power users.

Related Skills

Explore More Design & Creative Skills→
unthinkmediaunthinkmedia

ux-progressive-disclosure

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

Community
Intermediate
oborchersoborchers
28

progressive-disclosure

Implement progressive disclosure principles for onboarding, empty states, and feature revelation.

Community
Intermediate
siddsacharsiddsachar
1.4k

web_navigator

Automate browser research, form interactions, and data extraction from websites.

Community
Intermediate
russosalvrussosalv
5

critique

Evaluate web interfaces for UX issues and generate prioritized P0–P3 remediation commands.

Community
Advanced