Claude Code Plugins

Community-maintained marketplace

docusaurus-themes

@codatio/codat-docs

18

0

Use when swizzling Docusaurus theme components and editing theme elements

Install Skill

1Download skill

2Enable skills in Claude

Open claude.ai/settings/capabilities and find the "Skills" section

3Upload to Claude

Click "Upload skill" and select the downloaded ZIP file

Note: Please verify skill by going through its instructions before using it.

SKILL.md

name	docusaurus-themes
description	Use when swizzling Docusaurus theme components and editing theme elements

Docusaurus Swizzle

Quick Start

Swizzle components to customize Docusaurus theme behavior:

npm run swizzle @docusaurus/theme-classic ComponentName -- --wrap

Core Principles

Wrap (safe): Extends original component, easier to upgrade
Eject (unsafe): Full copy for maximum control, harder to maintain
Interactive mode: Use npm run swizzle to browse available components
Swizzled components go in src/theme/ComponentName/

Common Patterns

List available components:

npm run swizzle @docusaurus/theme-classic -- --list

Commonly swizzled: Footer, Navbar, DocItem, DocSidebar, TOC

Reference Files

For detailed documentation, see:

references/commands.md - All swizzle commands and options
references/components.md - Component-specific guides

Notes

Prefer --wrap for minor changes to maintain upgrade compatibility
Test thoroughly after swizzling components
Check official docs for component-specific swizzle safety ratings