✦ StealThis .dev
Plugins Easy

claudemarketplaces.com — Curated Directory

A community-curated directory for discovering and installing Claude Code plugin marketplaces, skills, and MCP servers across the agent ecosystem.

markdown
Targets: HTML

Code

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>claudemarketplaces.com — Curated Directory</title>
  <style>
    :root {
      --bg: #0b0f17;
      --surface: #141a26;
      --surface-2: #1b2233;
      --text: #e6edf6;
      --muted: #8b97a8;
      --accent: #6ea8fe;
      --border: rgba(255, 255, 255, 0.08);
    }

    *,
    *::before,
    *::after {
      box-sizing: border-box;
    }

    html,
    body {
      margin: 0;
      padding: 0;
    }

    body {
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 2rem 1rem;
      background: radial-gradient(1200px 600px at 50% -10%, #16203a 0%, var(--bg) 60%);
      color: var(--text);
      font-family: "Inter", system-ui, -apple-system, "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: 18px;
      padding: clamp(1.5rem, 4vw, 2.25rem);
      box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45);
    }

    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 0.45rem;
      font-size: 0.72rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--accent);
      background: rgba(110, 168, 254, 0.1);
      border: 1px solid rgba(110, 168, 254, 0.25);
      padding: 0.3rem 0.65rem;
      border-radius: 999px;
      margin: 0 0 1rem;
    }

    .eyebrow::before {
      content: "";
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: var(--accent);
    }

    h1 {
      margin: 0 0 0.6rem;
      font-size: clamp(1.4rem, 4vw, 1.85rem);
      line-height: 1.2;
      letter-spacing: -0.01em;
    }

    .desc {
      margin: 0 0 1.5rem;
      color: var(--muted);
      font-size: 0.98rem;
    }

    h2 {
      margin: 1.5rem 0 0.6rem;
      font-size: 0.78rem;
      letter-spacing: 0.07em;
      text-transform: uppercase;
      color: var(--muted);
    }

    pre {
      margin: 0;
      background: var(--bg);
      border: 1px solid var(--border);
      border-radius: 12px;
      padding: 0.9rem 1rem;
      overflow-x: auto;
    }

    code {
      font-family: "SF Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      font-size: 0.85rem;
      color: var(--text);
    }

    code .comment {
      color: var(--muted);
    }

    .pills {
      display: flex;
      flex-wrap: wrap;
      gap: 0.5rem;
      margin-top: 0.4rem;
    }

    .pill {
      font-size: 0.78rem;
      color: var(--text);
      background: var(--surface-2);
      border: 1px solid var(--border);
      padding: 0.35rem 0.7rem;
      border-radius: 999px;
    }

    .cta {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      margin-top: 1.75rem;
      padding: 0.8rem 1.3rem;
      font-size: 0.95rem;
      font-weight: 600;
      color: #0b0f17;
      background: var(--accent);
      border-radius: 12px;
      text-decoration: none;
      transition: transform 0.12s ease, box-shadow 0.12s ease;
    }

    .cta:hover {
      transform: translateY(-1px);
      box-shadow: 0 10px 24px rgba(110, 168, 254, 0.35);
    }

    .cta:focus-visible {
      outline: 3px solid #fff;
      outline-offset: 3px;
    }

    .cta::after {
      content: "\2197";
      font-weight: 700;
    }
  </style>
</head>
<body>
  <main class="card">
    <p class="eyebrow">Claude Code (community)</p>
    <h1>claudemarketplaces.com</h1>
    <p class="desc">
      A community-curated directory for discovering and installing Claude Code
      plugin marketplaces, skills, and MCP servers — all from one place.
    </p>

    <h2>How to access</h2>
    <pre><code><span class="comment"># Browse the directory</span>
https://claudemarketplaces.com/

<span class="comment"># Then register a marketplace in Claude Code</span>
/plugin marketplace add &lt;owner/repo&gt;

<span class="comment"># Browse &amp; install plugins from it</span>
/plugin</code></pre>

    <h2>Compatible with</h2>
    <div class="pills">
      <span class="pill">Claude Code</span>
      <span class="pill">MCP servers</span>
      <span class="pill">Skills</span>
      <span class="pill">Slash commands</span>
    </div>

    <a class="cta" href="https://claudemarketplaces.com/" target="_blank" rel="noopener">
      Open directory
    </a>
  </main>
</body>
</html>

What it is

claudemarketplaces.com is a community-curated directory that helps you find Claude Code plugin marketplaces in one place. Instead of hunting across scattered GitHub repos, you browse a single listing of marketplaces — each one bundling plugins, slash commands, skills, agents, and MCP servers you can add to Claude Code.

It is a discovery layer: the site points you to marketplaces and their install metadata rather than shipping the plugins itself.

How to access / install

Browse the directory in your browser:

https://claudemarketplaces.com/

Once you pick a marketplace, add it to Claude Code and install plugins from it:

# Register a marketplace (repo or URL shown on the listing)
/plugin marketplace add <owner/repo>

# Browse and install from the registered marketplace
/plugin

Each marketplace entry on the site surfaces the exact identifier to pass to /plugin marketplace add, so you can copy, paste, and install.

Good for

  • Developers who want a single, curated entry point for Claude Code plugins.
  • Finding skills and MCP servers without trawling GitHub search.
  • Discovering trusted community marketplaces before wiring them into Claude Code.