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.

Install to Claude Code

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