canon-accordion
Installation
SKILL.md
CANON · Accordions
An accordion is a disclosure widget — a heading that toggles content visibility. Useful in moderation. Often overused to hide things that should just be visible.
When to use an accordion
| Appropriate | Not appropriate |
|---|---|
| FAQ sections | Primary content users need to see |
| Optional settings users don't always expand | Forms (users miss fields they didn't open) |
| Long reference content organized into topics | Short content that fits on the page |
| Dense lists where each row has rich drill-down detail | Hiding critical errors or confirmations |
Don't use accordions to hide information users actually need. If the content matters, show it.
Use <details> / <summary> when possible
Native HTML gives you keyboard, screen reader, toggle state, and animation primitives for free.