Accordion patterns
Skill Dragoon0x/everything-design-taste/skills/accordion-patterns
Accordion and collapsible content patterns, FAQ layouts, and progressive disclosure.From its SKILL.md
npx -y skills add Dragoon0x/everything-design-taste --skill accordion-patternsAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
One thing to look at
- 9 stars9 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
SKILL.md
0.9 KB, 177 tokens by cl100k_base, as published. Nobody here has run it
Accordion Patterns
Accordion Rules
- Only one open at a time for simple content (FAQ). Allow multiple open for settings/forms.
- Header is the full click target. Not just the chevron.
- Chevron rotates on open (down → up or right → down).
- Smooth animation on expand/collapse (200-300ms).
- Default state: first item open, or all closed.
When to Use
- FAQ pages (classic accordion use case).
- Settings with grouped options.
- Mobile navigation with sub-items.
- Long forms with optional sections.
When NOT to Use
- Content that most users need to see (don't hide important information).
- Fewer than 3 items (just show them all).
- Sequential content (use tabs or stepper instead).
What ships with it
Read from the repository
Just SKILL.md. No reference files, no scripts.