Tab Accordion

This one handles tabs and accordions with a clear focus on SEO implications. It covers two main patterns: vertical accordions for FAQs and stacked content, and horizontal tabs for how-to steps or product specs. The key insight is that Google indexes hidden content fully, but the skill warns against stashing primary ranking content in tabs because visible content still tends to outperform in practice. It's opinionated about implementation, pushing you toward native details/summary elements and making sure everything is in the DOM at page load, not lazy-loaded on click. The signal dilution warning is useful: if your tabs cover different topics, you probably want separate pages instead. Practical for anyone dealing with content-heavy pages who needs to balance UX compression with crawlability.

skills.sh installs: 1K
GitHub stars: 1.1K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add kostja94/marketing-skills --skill tab-accordion --agent claude-code

Installs into .claude/skills of the current project.

Files

Tabs and Accordion construction has moved

Tabs and Accordion construction is now maintained in the Tabs and Accordion reference in Bricks, the component layer for AI agents.

npx skills add kostja94/bricks --skill component-builder

Ask the agent to use component-builder to build a new Tabs and Accordion. This compatibility entry contains no component rules and is no longer maintained.

SKILL.md on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthly Promote your product hereReach 125k+ visitors monthly