Agent skill

progressive-disclosure-systems

Design progressive disclosure UIs that reveal data and components in optimal sequences.

Stars 163
Forks 31

Install this agent skill to your Project

npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/data/progressive-disclosure-systems

SKILL.md

Progressive Disclosure Systems (React 18)

Summary

Design progressive disclosure UIs that reveal data and components in optimal sequences.

Key Capabilities

  • Orchestrate staged reveals with Suspense and transitions.
  • Optimize perceived performance with incremental loading.
  • Maintain UX continuity under partial data availability.

PhD-Level Challenges

  • Model user attention as a function of reveal order.
  • Optimize reveal sequences using empirical engagement metrics.
  • Validate that progressive disclosure reduces cognitive load.

Acceptance Criteria

  • Demonstrate a staged reveal flow with measurable UX gains.
  • Provide a rationale for sequencing decisions.
  • Document fallback behavior under missing data.

Didn't find tool you were looking for?

Be as detailed as possible for better results