progressive-disclosure

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

28|3|Updated Feb 22, 2026
One-click install
npx skills add https://github.com/oborchers/fractional-cto --skill progressive-disclosure-oborchers
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: progressive-disclosure
Source: https://github.com/oborchers/fractional-cto/tree/main/saas-design-principles/skills/progressive-disclosure
Command: npx skills add https://github.com/oborchers/fractional-cto --skill progressive-disclosure-oborchers

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses the challenge of overwhelming users with too much information or too many features upfront, leading to confusion and reduced engagement, particularly during onboarding and initial product use.

Core Features & Use Cases

  • Onboarding Optimization: Guides users through initial setup and feature discovery with minimal friction.
  • Feature Revelation: Strategically reveals advanced features as users become more familiar with the product.
  • Empty State Design: Ensures that empty screens provide context and guidance rather than appearing broken.
  • Use Case: When designing a new user signup flow, apply the principles of progressive disclosure to limit initial form fields and guide the user through essential steps before introducing more complex options.

Quick Start

Apply the progressive disclosure skill to review the onboarding flow for a new user signup form.

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 user onboarding?▼

Progressive disclosure in user onboarding is a design principle that defers complexity by revealing advanced features only as users become familiar with the product. This approach reduces initial friction and optimizes time-to-value.

How do I design empty states that guide users instead of looking broken?▼

To design effective empty states, provide context and guidance directly on the screen rather than leaving it blank. Applying progressive disclosure ensures empty screens offer actionable next steps for feature discovery.

How do I reduce user friction in a new signup form flow?▼

Reduce signup form friction by applying progressive disclosure to limit initial form fields. Guide users through essential steps first, then introduce more complex options later to improve learnability and reduce error rates.

When should I reveal advanced features to new users?▼

Reveal advanced features to new users only after they have navigated initial setup and mastered basic tasks. Strategically staggering feature revelation prevents overwhelming users and enhances overall efficiency.

Does progressive disclosure help with product tour and checklist design?▼

Yes, progressive disclosure principles directly improve product tours and onboarding checklists. By deferring complexity and guiding users through essential steps, these tours minimize confusion and ensure adherence to best practices.