agentsclimarketplace

Accordion patterns

Skill Dragoon0x/everything-design-taste/skills/accordion-patterns

A taste system for AI agents. 288 skills, 80 agents, 12 rules, and 8 hooks that turn generic AI output into work with genuine design quality. Anti-slop detection, typography craft, color systems, brand voice, product strategy, and 50+ specialized reviewers across UI, industry, platform, and content domains.

Install
npx -y skills add Dragoon0x/everything-design-taste --skill accordion-patterns

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

  • 6 stars6 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.

What its author says it does

Copied from the file, not written here

Accordion and collapsible content patterns, FAQ layouts, and progressive disclosure.

SKILL.md

0.9 KB, as published. Nobody here has run it

Accordion Patterns

Accordion Rules

  1. Only one open at a time for simple content (FAQ). Allow multiple open for settings/forms.
  2. Header is the full click target. Not just the chevron.
  3. Chevron rotates on open (down → up or right → down).
  4. Smooth animation on expand/collapse (200-300ms).
  5. 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).

Keep looking

Skills are one crate of 328,083. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.