🧩
AI EngineeringCSS

Progressive Disclosure Design

by samber

Progressive Disclosure Design is an AI Engineering skill for Claude Code, published by samber in cc-skills.

201 stars15 forkson samber/cc-skillsAdded 2026/09/05+1% in starsRepository updated 2026/09/05
agentagent-skillsaiantigravityclaudeclaude-codecodecodexcodingcopilotcursorgeminigemini-cli-extensionopenclawopencodepluginskillsskillsmpvibe-coding
Install in seconds
Install Progressive Disclosure Design
Copy Progressive Disclosure Design into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.
terminal
npx degit https://github.com/samber/cc-skills/tree/main/skills/skill-progressive-disclosure-design ~/.claude/skills/skill-progressive-disclosure-design

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/samber/cc-skills.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file
skills/skill-progressive-disclosure-design/SKILL.md in samber/cc-skills
Installs to
~/.claude/skills/skill-progressive-disclosure-design
Collection
One of 21 skills cataloged from this repository
Category
AI Engineering3101 skills

What Progressive Disclosure Design does

Progressive Disclosure Design explains when to keep a Claude skill in one SKILL.md and when to move content into references. Use it when creating or refactoring skills, or when deciding how to keep large skills reliable and context-efficient.

Progressive Disclosure Design is cataloged under AI Engineering on DirSkills. Progressive Disclosure Design comes from a repository tagged agent, agent-skills, ai, antigravity and claude.

Documentation

README

Skill Progressive Disclosure Design

Each section that recommends a direction includes explicit pros and cons. The decisions in this skill are trade-offs, not rules. The model using this skill should reason from the trade-offs to the user's specific situation rather than apply rules blindly.

Triggering vs. disclosure: separate these first

Two problems get conflated and need separating before any splitting decision.

Triggering is whether Claude invokes the skill at all. Driven entirely by the YAML description. File splitting does not affect triggering. If the question is "my skill doesn't trigger reliably", do not split files, fix the description (use run_loop.py from the skill-creator skill).

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Progressive Disclosure Design

  • What else does samber publish alongside Progressive Disclosure Design?

    Progressive Disclosure Design is one of 21 skills that DirSkills catalogs from samber/cc-skills, the repository it ships in. Its siblings there include ASD-STE100 Humanizer, CRXJS and Chrome Extension Development. Each one is a separate skill with its own page in this directory, installs the same way Progressive Disclosure Design does, and is maintained by samber in that same repository. The rest of the collection is listed on the samber/cc-skills page.

  • How does Progressive Disclosure Design compare to other AI Engineering skills?

    Progressive Disclosure Design ranks #2848 by stars among the 3101 AI Engineering skills in this catalog. The most-starred ones next to it are Architecture Decision Records, AI-First Engineering and Agentic OS. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Progressive Disclosure Design against them. Open each page to compare what they document and how they install.

More from samber/cc-skills

Progressive Disclosure Design is one of 21 skills cataloged on DirSkills from samber/cc-skills.

See all 21 skills
📝
48m ago

ASD-STE100 Humanizer

ASD-STE100 Humanizer rewrites or writes English in Simplified Technical English and removes AI artifacts from technical documentation. Use it for manuals, procedures, medical device instructions, and API docs that need controlled language.
Writing
20115
🧩
48m ago

CRXJS

CRXJS sets up Vite-based Chrome extensions with true HMR for popup, options, side panel, and content scripts. Use it when creating or maintaining a CRXJS project, including manifest setup, dynamic content script imports, and type-safe manifests.
DevOps
20115
🧩
48m ago

Chrome Extension Development

Chrome Extension Development covers building, debugging, and publishing Chrome extensions with Manifest V3. Use it for manifest.json, content scripts, service workers, messaging, storage, permissions, and Chrome Web Store submission.
Automation
20115
🌿
48m ago

Conventional Git

Conventional Git defines branch, worktree, and commit message formats for consistent git history and changelog generation. Use it when naming branches or worktrees, writing Conventional Commits, or auto-closing issues from commit footers.
DevOps
20115
🪝
48m ago

Copywriting Hooks

Copywriting Hooks writes opening hooks and post titles for long-form articles in English or French. Use it when you need a lede, intro, first sentence, opener, or headline for blogs, newsletters, essays, or long-form posts.
Writing
20115
✍️
48m ago

Copywriting Prose Creator

Copywriting Prose Creator builds PROSE.md guides that codify how a brand writes: lexicon, syntax, rhythm, structure, and signature moves. Use it to create, adapt, or audit prose style guides from SOUL.md, TONE.md, or a content corpus.
Writing
20115