Claude-skill-registry docusaurus-themes

Use when swizzling Docusaurus theme components and editing theme elements

install

source · Clone the upstream repo

git clone https://github.com/majiayu000/claude-skill-registry

Claude Code · Install into ~/.claude/skills/

T=$(mktemp -d) && git clone --depth=1 https://github.com/majiayu000/claude-skill-registry "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/data/docusaurus-themes-mcclowes-lea" ~/.claude/skills/majiayu000-claude-skill-registry-docusaurus-themes && rm -rf "$T"

manifest: skills/data/docusaurus-themes-mcclowes-lea/SKILL.md

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