✦ StealThis .dev
Plugins Easy

192+ Claude Code Skills & Agent Plugins

A community directory of 192-plus installable Claude Code skills and agent plugins, helping developers discover, browse, and add reusable AI coding capabilities.

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>192+ Claude Code Skills &amp; Agent Plugins</title>
  <style>
    :root {
      --bg: #0b0f17;
      --surface: #141a26;
      --surface-2: #1b2331;
      --text: #e6edf6;
      --muted: #8b97a8;
      --accent: #6ea8fe;
      --border: rgba(255, 255, 255, 0.08);
      --radius: 16px;
    }

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

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

    body {
      min-height: 100vh;
      display: grid;
      place-items: 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", 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: var(--radius);
      box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.04) inset,
        0 24px 60px -24px rgba(0, 0, 0, 0.7);
      padding: 28px;
    }

    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-size: 12px;
      font-weight: 600;
      letter-spacing: 0.06em;
      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 0 4px rgba(110, 168, 254, 0.18);
    }

    h1 {
      margin: 0 0 12px;
      font-size: clamp(22px, 4.5vw, 28px);
      line-height: 1.2;
      letter-spacing: -0.01em;
    }

    .description {
      margin: 0 0 22px;
      color: var(--muted);
      font-size: 15px;
    }

    .section-label {
      margin: 0 0 8px;
      font-size: 12px;
      font-weight: 600;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      color: var(--muted);
    }

    .access {
      margin: 0 0 22px;
    }

    pre {
      margin: 0;
      background: var(--surface-2);
      border: 1px solid var(--border);
      border-radius: 12px;
      padding: 14px 16px;
      overflow-x: auto;
    }

    code {
      font-family: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;
      font-size: 13px;
      color: var(--text);
    }

    .pills {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin: 0 0 26px;
      padding: 0;
      list-style: none;
    }

    .pill {
      font-size: 12px;
      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-decoration: none;
      font-weight: 600;
      font-size: 15px;
      color: #0b0f17;
      background: var(--accent);
      border-radius: 12px;
      padding: 13px 20px;
      transition: filter 0.15s ease, transform 0.05s ease;
    }

    .cta:hover {
      filter: brightness(1.08);
    }

    .cta:active {
      transform: translateY(1px);
    }

    .cta:focus-visible,
    a:focus-visible {
      outline: 3px solid rgba(110, 168, 254, 0.6);
      outline-offset: 3px;
    }

    .cta svg {
      width: 18px;
      height: 18px;
    }

    .footnote {
      margin: 16px 0 0;
      text-align: center;
      font-size: 12px;
      color: var(--muted);
    }

    .footnote a {
      color: var(--accent);
    }
  </style>
</head>
<body>
  <main class="card" aria-labelledby="dir-title">
    <p class="eyebrow">Claude Code (community)</p>
    <h1 id="dir-title">192+ Claude Code Skills &amp; Agent Plugins</h1>
    <p class="description">
      A community directory of 192-plus installable Claude Code skills and agent plugins — browse, compare,
      and drop reusable AI coding capabilities into your workflow instead of building them from scratch.
    </p>

    <section class="access" aria-labelledby="access-label">
      <h2 class="section-label" id="access-label">How to access</h2>
      <pre><code># Browse the catalog
https://github.com/alirezarezvani/claude-skills

# Clone it locally
git clone https://github.com/alirezarezvani/claude-skills.git

# Add a skill to Claude Code
cp -r claude-skills/&lt;skill&gt; ~/.claude/skills/</code></pre>
    </section>

    <h2 class="section-label">Compatible with</h2>
    <ul class="pills" aria-label="Compatible tools">
      <li class="pill">Claude Code</li>
      <li class="pill">Agent Skills</li>
      <li class="pill">MCP</li>
      <li class="pill">CLI</li>
    </ul>

    <a
      class="cta"
      href="https://github.com/alirezarezvani/claude-skills"
      target="_blank"
      rel="noopener"
    >
      <svg viewBox="0 0 16 16" fill="currentColor" aria-hidden="true">
        <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z" />
      </svg>
      View on GitHub
    </a>

    <p class="footnote">
      Maintained by
      <a href="https://github.com/alirezarezvani" target="_blank" rel="noopener">alirezarezvani</a>
    </p>
  </main>
</body>
</html>

What it is

claude-skills by alirezarezvani is a community-maintained directory of 192+ Claude Code skills and agent plugins. Rather than a single plugin, it is a curated catalog where developers browse, compare, and pick up reusable capabilities (skills, agents, and helpers) to extend their AI coding workflow. Everything is open and gathered in one place so you can find a skill for a task instead of building it from scratch.

How to access / install

The directory lives on GitHub. Browse the README to find a skill, then clone or copy what you need:

# Browse the full catalog
open https://github.com/alirezarezvani/claude-skills

# Clone the collection locally
git clone https://github.com/alirezarezvani/claude-skills.git

# Copy a chosen skill into your project's Claude Code skills directory
cp -r claude-skills/<skill-name> ~/.claude/skills/

Individual skills follow the standard Claude Code skill layout (a SKILL.md plus any supporting files), so they drop into ~/.claude/skills/ or a project .claude/skills/ folder.

Good for

  • Developers who want a ready-made library of Claude Code skills instead of authoring each one.
  • Teams looking for proven agent plugin patterns to adapt to their own repos.
  • Anyone exploring what is possible with the Claude Code skill and agent ecosystem.