tab-accordion — Claude Code skill: deprecated tabs and accordion entry
A compatibility stub for tabs and accordion construction. The component rules moved to Bricks, so the skill itself builds nothing.
npx skills add kostja94/marketing-skills --skill tab-accordion -a claude-codeWhat tab-accordion does
tab-accordion no longer builds tabs or accordions. It is a compatibility entry that keeps old references from breaking while the component code lives in Bricks, the component layer for AI agents. There are no markup rules, templates or examples inside.
Install it in a fresh project and the agent has nothing to work with. It should hand the job to component-builder from Bricks instead. That install is a separate command: npx skills add kostja94/bricks --skill component-builder. Then ask the agent to build a new tabs or accordion component through it.
The entry is marked moved and is no longer maintained. Worth checking whether your agent config still points at tab-accordion — swap it for component-builder, or a request for a component comes back empty.
What it helps with
- find out where tabs and accordion construction moved
- swap the deprecated skill for the current one in agent config
- build a tabs or accordion component through
component-builder - keep old references from breaking
Example prompts for the agent
- build a new accordion with component-builder
- create tabs using component-builder
- what should I do if I have tab-accordion installed
How to install tab-accordion
1Skills CLI (Vercel)
npx skills add kostja94/marketing-skills --skill tab-accordion -a claude-code2Manually: put the files in place
~/.claude/skills/tab-accordion/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/tab-accordion/
1Skills CLI (Vercel)
npx skills add kostja94/marketing-skills --skill tab-accordion -a codex2Manually: put the files in place
.agents/skills/tab-accordion/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add kostja94/marketing-skills --skill tab-accordion -a cursor2Manually: put the files in place
.cursor/skills/tab-accordion/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install kostja94/marketing-skills tab-accordion2Manually: put the files in place
.github/skills/tab-accordion/SKILL.md1Skills CLI (Vercel)
npx skills add kostja94/marketing-skills --skill tab-accordion -a gemini-cli2Platform CLI
gemini skills install https://github.com/kostja94/marketing-skills --path skills/components/content/tab-accordionManually: put the files in place
.devin/skills/tab-accordion/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add kostja94/marketing-skills --skill tab-accordion -a opencodeClaude.ai
Zip the folder and upload it in Settings → Capabilities → Skills
Step by step, with commands for each platform: How to install skills in Claude Code: five ways
Questions about tab-accordion
How do I install tab-accordion in Claude?
Run npx skills add kostja94/marketing-skills --skill tab-accordion -a claude-code. The skill file lands at ~/.claude/skills/tab-accordion/SKILL.md. For new component work, install component-builder from Bricks instead.
What does tab-accordion do?
It builds nothing. It is a compatibility entry: tabs and accordion rules moved to Bricks, into the component-builder skill.
What should I use instead of tab-accordion?
The component-builder skill from the Bricks repository: npx skills add kostja94/bricks --skill component-builder. Then ask the agent to build a tabs or accordion component.
Source text
SKILL.md · MIT
--- name: tab-accordion description: Deprecated compatibility entry for Tabs and Accordion construction. This component is now maintained in Bricks; install and use component-builder to build a new Tabs and Accordion. metadata: status: moved successor: kostja94/bricks/component-builder --- # Tabs and Accordion construction has moved Tabs and Accordion construction is now maintained in the [Tabs and Accordion reference](https://github.com/kostja94/bricks/blob/main/skills/component-builder/references/components/tabs-accordion.md) in [Bricks](https://github.com/kostja94/bricks), the component layer for AI agents. ```bash 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.
© kostja94 · MIT · kostja94/marketing-skills
