Plugins Easy
Claude Code Plugin Marketplace Docs
Official Anthropic guide to discovering, hosting, and installing Claude Code plugins through marketplaces — catalogs that bundle commands, agents, and MCP servers.
markdown
Targets: HTML
Code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Claude Code Plugin Marketplace Docs</title>
<style>
:root {
--bg: #0b0f17;
--surface: #141a26;
--surface-2: #1b2230;
--text: #e6edf6;
--muted: #8b97a8;
--accent: #6ea8fe;
--border: rgba(255, 255, 255, 0.08);
--radius: 16px;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
body {
margin: 0;
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
padding: 24px;
background:
radial-gradient(1200px 600px at 80% -10%, rgba(110, 168, 254, 0.12), transparent 60%),
var(--bg);
color: var(--text);
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
Helvetica, Arial, sans-serif;
line-height: 1.55;
}
.card {
width: 100%;
max-width: 640px;
background: var(--surface);
border: 1px solid var(--border);
border-radius: var(--radius);
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45);
padding: 32px;
}
.eyebrow {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--accent);
margin: 0 0 12px;
}
.eyebrow::before {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--accent);
box-shadow: 0 0 12px var(--accent);
}
h1 {
margin: 0 0 14px;
font-size: 1.6rem;
line-height: 1.25;
letter-spacing: -0.01em;
}
.desc {
margin: 0 0 24px;
color: var(--muted);
font-size: 1rem;
}
h2 {
font-size: 0.8rem;
font-weight: 600;
letter-spacing: 0.05em;
text-transform: uppercase;
color: var(--muted);
margin: 0 0 10px;
}
.access {
background: var(--surface-2);
border: 1px solid var(--border);
border-radius: 12px;
padding: 16px 18px;
margin-bottom: 24px;
}
.access a {
color: var(--accent);
text-decoration: none;
word-break: break-all;
}
.access a:hover {
text-decoration: underline;
}
pre {
margin: 12px 0 0;
padding: 14px 16px;
background: #0d121c;
border: 1px solid var(--border);
border-radius: 10px;
overflow-x: auto;
}
code {
font-family: "SF Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
font-size: 0.85rem;
color: #c9d6ec;
}
.pills {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 28px;
}
.pill {
font-size: 0.78rem;
font-weight: 500;
color: var(--text);
background: var(--surface-2);
border: 1px solid var(--border);
border-radius: 999px;
padding: 6px 12px;
}
.cta {
display: inline-flex;
align-items: center;
gap: 8px;
width: 100%;
justify-content: center;
text-align: center;
text-decoration: none;
font-weight: 600;
font-size: 0.95rem;
color: #0b0f17;
background: var(--accent);
border-radius: 12px;
padding: 14px 20px;
transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.cta:hover {
transform: translateY(-1px);
box-shadow: 0 8px 24px rgba(110, 168, 254, 0.35);
}
.cta:focus-visible,
.access a:focus-visible {
outline: 3px solid var(--accent);
outline-offset: 3px;
border-radius: 8px;
}
.cta svg {
width: 16px;
height: 16px;
}
</style>
</head>
<body>
<main class="card">
<p class="eyebrow">Claude Code (official)</p>
<h1>Claude Code Plugin Marketplace Docs</h1>
<p class="desc">
Official Anthropic guide to discovering, hosting, and installing Claude Code
plugins through marketplaces — catalogs that bundle slash commands, agents,
hooks, and MCP servers.
</p>
<section>
<h2>How to access</h2>
<div class="access">
<a href="https://code.claude.com/docs/en/plugin-marketplaces" target="_blank" rel="noopener">
code.claude.com/docs/en/plugin-marketplaces
</a>
<pre><code># Add a marketplace (Git repo, URL, or local path)
/plugin marketplace add owner/repo
# Browse and install plugins interactively
/plugin
# Install a specific plugin
/plugin install <plugin>@<marketplace></code></pre>
</div>
</section>
<section>
<h2>Compatible with</h2>
<div class="pills">
<span class="pill">Claude Code</span>
<span class="pill">Slash commands</span>
<span class="pill">Subagents</span>
<span class="pill">Hooks</span>
<span class="pill">MCP servers</span>
</div>
</section>
<a class="cta" href="https://code.claude.com/docs/en/plugin-marketplaces" target="_blank" rel="noopener">
Read the docs
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2"
stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
<path d="M7 17 17 7" />
<path d="M7 7h10v10" />
</svg>
</a>
</main>
</body>
</html>What it is
The Claude Code Plugin Marketplace Docs are Anthropic’s official documentation for plugin marketplaces — curated catalogs that let developers discover and install Claude Code plugins. A marketplace is a hosted manifest that lists plugins, each of which can bundle slash commands, subagents, hooks, and MCP servers. The docs cover both consuming marketplaces and hosting your own (from a Git repo, a local path, or a hosted JSON manifest).
How to access / install
Read the docs at code.claude.com/docs/en/plugin-marketplaces.
Add a marketplace and install plugins from inside Claude Code:
# Add a marketplace (Git repo, URL, or local path)
/plugin marketplace add owner/repo
# Browse and install plugins interactively
/plugin
# Install a specific plugin from a known marketplace
/plugin install <plugin-name>@<marketplace-name>A marketplace is defined by a .claude-plugin/marketplace.json manifest that enumerates the
available plugins and where to fetch them.
Good for
- Discovering ready-made command, agent, and MCP-server bundles for Claude Code.
- Teams that want to publish and share an internal, version-controlled plugin catalog.
- Standardizing tooling across a project by pinning a trusted marketplace source.