awesome-slash — Plugins, Agents & Skills (Claude + OpenCode + Codex)

Code

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>awesome-slash — Plugins, Agents &amp; Skills</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: 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);
    padding: 28px;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.45);
  }

  .eyebrow {
    display: inline-block;
    font-size: 0.72rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--accent);
    background: rgba(110, 168, 254, 0.12);
    border: 1px solid rgba(110, 168, 254, 0.25);
    padding: 4px 10px;
    border-radius: 999px;
    margin: 0 0 14px;
  }

  h1 {
    margin: 0 0 12px;
    font-size: 1.5rem;
    line-height: 1.25;
    letter-spacing: -0.01em;
  }

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

  .section-label {
    margin: 0 0 8px;
    font-size: 0.78rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--muted);
  }

  .access {
    margin-bottom: 22px;
  }

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

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

  .pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 26px;
  }

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

  .cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.95rem;
    color: #0b0f17;
    background: var(--accent);
    padding: 12px 20px;
    border-radius: 10px;
    transition: background 0.15s ease, transform 0.15s ease;
  }

  .cta:hover {
    background: #8bbcff;
  }

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

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

  @media (max-width: 480px) {
    .card {
      padding: 22px;
    }
    h1 {
      font-size: 1.3rem;
    }
  }
</style>
</head>
<body>
  <main class="card">
    <p class="eyebrow">Claude Code (community)</p>
    <h1>awesome-slash — Plugins, Agents &amp; Skills</h1>
    <p class="desc">
      A community-curated directory of plugins, agents, and skills for AI coding
      tools — Claude Code, OpenCode, and Codex. Discover and install extensions
      from one index.
    </p>

    <div class="access">
      <p class="section-label">How to access</p>
      <pre><code>git clone https://github.com/avifenesh/awesome-slash.git
cd awesome-slash</code></pre>
    </div>

    <p class="section-label">Compatible with</p>
    <div class="pills">
      <span class="pill">Claude Code</span>
      <span class="pill">OpenCode</span>
      <span class="pill">Codex</span>
    </div>

    <a
      class="cta"
      href="https://github.com/avifenesh/awesome-slash"
      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 8a8 8 0 0 0 5.47 7.59c.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.82a7.4 7.4 0 0 1 2-.27c.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.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8Z"
        />
      </svg>
      View on GitHub
    </a>
  </main>
</body>
</html>

What it is

awesome-slash is a community-curated directory of plugins, agents, and skills for AI coding tools — primarily Claude Code, with coverage for OpenCode and Codex. Rather than shipping a single plugin, it indexes the broader ecosystem so developers can discover slash commands, sub-agents, and reusable skills in one place.

How to access / install

Browse the repository on GitHub:

https://github.com/avifenesh/awesome-slash

Clone it locally to read the full index and follow the per-entry install steps:

git clone https://github.com/avifenesh/awesome-slash.git
cd awesome-slash

Each listed plugin, agent, or skill links back to its own source, where you follow that project’s specific installation instructions for your tool of choice.

Good for

Discovering Claude Code plugins, agents, and skills curated by the community.
Comparing extensions that work across Claude Code, OpenCode, and Codex.
Finding starting points and references when authoring your own slash commands.