> ## Documentation Index
> Fetch the complete documentation index at: https://usefulai.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Best Coding Plugins, Skills, and MCP Servers in 2026

> Research-backed coding plugins, skills, and MCP servers with platform availability and direct setup routes.

<div className="uai-updated-row">Updated July 25, 2026</div>

These extensions give coding agents more discipline or more context. Workflows enforce a process for planning, testing, and review; integrations connect the agent to your libraries, browser, database, or development platform. The choice is how much structure and access each task needs.

<div className="uai-extension-directory-v2 uai-dep-page uai-plugin-category-template-page uai-extension-variants-page uai-subgroup-page">
  <div className="uai-extension-filters uai-subgroup-chips" role="group" aria-label="Filter by subcategory">
    <input className="uai-extension-filter-input" type="radio" name="uai-sg" id="uai-sg-all" defaultChecked />

    <label className="uai-extension-filter-label" htmlFor="uai-sg-all">All</label>

    <input className="uai-extension-filter-input" type="radio" name="uai-sg" id="uai-sg-workflows" />

    <label className="uai-extension-filter-label" htmlFor="uai-sg-workflows">Workflows</label>

    <input className="uai-extension-filter-input" type="radio" name="uai-sg" id="uai-sg-context" />

    <label className="uai-extension-filter-label" htmlFor="uai-sg-context">Context</label>

    <input className="uai-extension-filter-input" type="radio" name="uai-sg" id="uai-sg-quality" />

    <label className="uai-extension-filter-label" htmlFor="uai-sg-quality">Testing & Quality</label>

    <input className="uai-extension-filter-input" type="radio" name="uai-sg" id="uai-sg-platforms" />

    <label className="uai-extension-filter-label" htmlFor="uai-sg-platforms">Platforms</label>
  </div>

  <div className="uai-overview-table uai-overview-table--ranked uai-overview-table--lead-icon">
    |                                        # | Name                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | Best for                                 | Est. installs <Tooltip tip="Estimated from thousands of public install signals including: marketplaces, directories, package downloads, and public code references." cta="Our full methodology" href="/plugins#how-we-estimate-installs"><span className="uai-tip-icon"><Icon icon="circle-info" size={12} color="currentColor" /><span className="uai-sr-only">About install estimates</span></span></Tooltip> |
    | ---------------------------------------: | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :--------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |
    |  1<span className="uai-sgm-platforms" /> | <a href="#github" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/github.com.png?fit=max&auto=format&n=82PG1Up2qz4DPkMj&q=85&s=428c02db7ed3f5dc78be2e665f3142c1" alt="" noZoom width="48" height="48" data-path="images/icons/48/github.com.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">GitHub</span></span></a>                                                                                 | Issues, PRs, and CI on GitHub            |                                                                                                                                                                                                                                                                                                                                                                                                        **1.6M** |
    |    2<span className="uai-sgm-context" /> | <a href="#context7" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/V3UY3aFtaYLn-mrg/images/icons/48/context7.com.png?fit=max&auto=format&n=V3UY3aFtaYLn-mrg&q=85&s=170ace842043ed29cf084778d77c0eae" alt="" noZoom width="48" height="48" data-path="images/icons/48/context7.com.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">Context7</span></span></a>                                                             | Current, version-correct library docs    |                                                                                                                                                                                                                                                                                                                                                                                                        **1.2M** |
    |  3<span className="uai-sgm-workflows" /> | <a href="#superpowers" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/primeradiant.com.png?fit=max&auto=format&n=Qkh6WYyZXPMaeRW_&q=85&s=b4c9d9c805e41354a94361045d57770f" alt="" noZoom width="48" height="48" data-path="images/icons/48/primeradiant.com.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">Superpowers</span></span></a>                       | Full engineering discipline end to end   |                                                                                                                                                                                                                                                                                                                                                                                                        **980K** |
    |    4<span className="uai-sgm-quality" /> | <a href="#playwright" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/-BdB1T4cTAq9nNj4/images/icons/48/playwright.dev.png?fit=max&auto=format&n=-BdB1T4cTAq9nNj4&q=85&s=284eefc3a567056fb68c408241b1162c" alt="" noZoom width="48" height="48" data-path="images/icons/48/playwright.dev.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">Playwright</span></span></a>                                         | Browser flows and end-to-end tests       |                                                                                                                                                                                                                                                                                                                                                                                                        **790K** |
    |  5<span className="uai-sgm-workflows" /> | <a href="#ecc" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/uuQvup7PYSSgULe9/images/icons/48/ecc.tools.png?fit=max&auto=format&n=uuQvup7PYSSgULe9&q=85&s=5ad6f50930e5c2cb3640eb0f172ee1c2" alt="" noZoom width="48" height="48" data-path="images/icons/48/ecc.tools.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">ECC</span></span></a>                                                                                               | Adopting a whole team method at once     |                                                                                                                                                                                                                                                                                                                                                                                                        **600K** |
    |    6<span className="uai-sgm-quality" /> | <a href="#chrome-devtools" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/V3UY3aFtaYLn-mrg/images/icons/48/chrome.com.png?fit=max&auto=format&n=V3UY3aFtaYLn-mrg&q=85&s=6214facb39ec0de35f3acc773542411d" alt="" noZoom width="48" height="48" data-path="images/icons/48/chrome.com.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">Chrome DevTools</span></span></a>                                                               | Debugging and profiling live pages       |                                                                                                                                                                                                                                                                                                                                                                                                        **530K** |
    |  7<span className="uai-sgm-workflows" /> | <a href="#grill-with-docs" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/mattpocock.com.png?fit=max&auto=format&n=hy16G83xN3DfF0qA&q=85&s=4e4af9ad953591c70a601dad31692d95" alt="" noZoom width="48" height="48" data-path="images/icons/48/mattpocock.com.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">Grill with Docs</span></span></a>                               | Nailing requirements before building     |                                                                                                                                                                                                                                                                                                                                                                                                        **430K** |
    |    8<span className="uai-sgm-quality" /> | <a href="#code-review" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/anthropic.com.png?fit=max&auto=format&n=82PG1Up2qz4DPkMj&q=85&s=f84edebba0edca3b7e75a740d0fc318e" alt="" noZoom width="48" height="48" data-path="images/icons/48/anthropic.com.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">Code Review</span></span></a>                                               | Automated second pass on pull requests   |                                                                                                                                                                                                                                                                                                                                                                                                        **430K** |
    |  9<span className="uai-sgm-platforms" /> | <a href="#supabase" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/4phvq9ByoSWJHWEz/images/icons/48/supabase.com.png?fit=max&auto=format&n=4phvq9ByoSWJHWEz&q=85&s=2f38a3b4589f87eb9a4f9638ec3d9431" alt="" noZoom width="48" height="48" data-path="images/icons/48/supabase.com.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">Supabase</span></span></a>                                                             | Schema, SQL, and migrations on Supabase  |                                                                                                                                                                                                                                                                                                                                                                                                        **340K** |
    | 10<span className="uai-sgm-workflows" /> | <a href="#code-simplifier" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/anthropic.com.png?fit=max&auto=format&n=82PG1Up2qz4DPkMj&q=85&s=f84edebba0edca3b7e75a740d0fc318e" alt="" noZoom width="48" height="48" data-path="images/icons/48/anthropic.com.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">Code Simplifier</span></span></a>                                       | Cleaning up freshly written code         |                                                                                                                                                                                                                                                                                                                                                                                                        **340K** |
    | 11<span className="uai-sgm-workflows" /> | <a href="#ralph" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/uuQvup7PYSSgULe9/images/icons/48/ghuntley.com.png?fit=max&auto=format&n=uuQvup7PYSSgULe9&q=85&s=47a3d808bfdbdf94b2335d0511e08994" alt="" noZoom width="48" height="48" data-path="images/icons/48/ghuntley.com.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">Ralph</span></span></a>                                                                   | Looping through small verifiable tasks   |                                                                                                                                                                                                                                                                                                                                                                                                        **310K** |
    | 12<span className="uai-sgm-platforms" /> | <a href="#vercel" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/-BdB1T4cTAq9nNj4/images/icons/48/vercel.com.png?fit=max&auto=format&n=-BdB1T4cTAq9nNj4&q=85&s=77c9e07c12a238c1e8d97fc14fff0f9d" alt="" noZoom width="48" height="48" data-path="images/icons/48/vercel.com.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">Vercel</span></span></a>                                                                                 | Next.js and Vercel-stack development     |                                                                                                                                                                                                                                                                                                                                                                                                        **300K** |
    | 13<span className="uai-sgm-workflows" /> | <a href="#tdd-by-matt-pocock" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/mattpocock.com.png?fit=max&auto=format&n=hy16G83xN3DfF0qA&q=85&s=4e4af9ad953591c70a601dad31692d95" alt="" noZoom width="48" height="48" data-path="images/icons/48/mattpocock.com.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">TDD by Matt Pocock</span></span></a>                         | Behavior-first test discipline           |                                                                                                                                                                                                                                                                                                                                                                                                        **290K** |
    | 14<span className="uai-sgm-workflows" /> | <a href="#improve-codebase-architecture" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/mattpocock.com.png?fit=max&auto=format&n=hy16G83xN3DfF0qA&q=85&s=4e4af9ad953591c70a601dad31692d95" alt="" noZoom width="48" height="48" data-path="images/icons/48/mattpocock.com.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">Improve Codebase Architecture</span></span></a>   | Choosing the next high-value refactor    |                                                                                                                                                                                                                                                                                                                                                                                                        **280K** |
    | 15<span className="uai-sgm-workflows" /> | <a href="#feature-dev" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/anthropic.com.png?fit=max&auto=format&n=82PG1Up2qz4DPkMj&q=85&s=f84edebba0edca3b7e75a740d0fc318e" alt="" noZoom width="48" height="48" data-path="images/icons/48/anthropic.com.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">Feature Dev</span></span></a>                                               | Structuring one substantial feature      |                                                                                                                                                                                                                                                                                                                                                                                                        **280K** |
    |   16<span className="uai-sgm-quality" /> | <a href="#security-guidance" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/anthropic.com.png?fit=max&auto=format&n=82PG1Up2qz4DPkMj&q=85&s=f84edebba0edca3b7e75a740d0fc318e" alt="" noZoom width="48" height="48" data-path="images/icons/48/anthropic.com.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">Security Guidance</span></span></a>                                   | Security review while you code           |                                                                                                                                                                                                                                                                                                                                                                                                        **240K** |
    |   17<span className="uai-sgm-context" /> | <a href="#typescript-lsp" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/AHrz0Wwy4lVZj5MG/images/icons/48/typescriptlang.org.png?fit=max&auto=format&n=AHrz0Wwy4lVZj5MG&q=85&s=4b242922428aae775ebe19b35c4346b9" alt="" noZoom width="48" height="48" data-path="images/icons/48/typescriptlang.org.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">TypeScript LSP</span></span></a> | Live TypeScript type errors              |                                                                                                                                                                                                                                                                                                                                                                                                        **240K** |
    |   18<span className="uai-sgm-context" /> | <a href="#deepwiki" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/uuQvup7PYSSgULe9/images/icons/48/deepwiki.com.png?fit=max&auto=format&n=uuQvup7PYSSgULe9&q=85&s=1bac0178fc1a8cfb51b3212b4ccfd9b3" alt="" noZoom width="48" height="48" data-path="images/icons/48/deepwiki.com.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">DeepWiki</span></span></a>                                                             | Orienting in unfamiliar public repos     |                                                                                                                                                                                                                                                                                                                                                                                                        **220K** |
    |   19<span className="uai-sgm-quality" /> | <a href="#coderabbit" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/XcFilG3Fp3z_o28-/images/icons/48/coderabbit.ai.png?fit=max&auto=format&n=XcFilG3Fp3z_o28-&q=85&s=1f432aa724d999460c4dc4de779395ba" alt="" noZoom width="48" height="48" data-path="images/icons/48/coderabbit.ai.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">CodeRabbit</span></span></a>                                                 | Independent review of AI-written code    |                                                                                                                                                                                                                                                                                                                                                                                                        **190K** |
    | 20<span className="uai-sgm-platforms" /> | <a href="#postman" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/postman.com.png?fit=max&auto=format&n=Qkh6WYyZXPMaeRW_&q=85&s=4b23c04b352ea591e4c693db558ae81c" alt="" noZoom width="48" height="48" data-path="images/icons/48/postman.com.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">Postman</span></span></a>                                                                       | API testing from Postman workspaces      |                                                                                                                                                                                                                                                                                                                                                                                                        **190K** |
    | 21<span className="uai-sgm-platforms" /> | <a href="#gitlab" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/uuQvup7PYSSgULe9/images/icons/48/gitlab.com.png?fit=max&auto=format&n=uuQvup7PYSSgULe9&q=85&s=c12b6d923e13e6bd18e777ebaf61c031" alt="" noZoom width="48" height="48" data-path="images/icons/48/gitlab.com.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">GitLab</span></span></a>                                                                                 | Merge requests and CI on GitLab          |                                                                                                                                                                                                                                                                                                                                                                                                        **170K** |
    | 22<span className="uai-sgm-workflows" /> | <a href="#task-master" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/4phvq9ByoSWJHWEz/images/icons/48/task-master.png?fit=max&auto=format&n=4phvq9ByoSWJHWEz&q=85&s=840dc816cf24b26a8ee8397feeaecce0" alt="" noZoom width="48" height="48" data-path="images/icons/48/task-master.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">Task Master</span></span></a>                                                               | Plans that outlive a single session      |                                                                                                                                                                                                                                                                                                                                                                                                        **140K** |
    |   23<span className="uai-sgm-context" /> | <a href="#serena" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/4phvq9ByoSWJHWEz/images/icons/48/serena.png?fit=max&auto=format&n=4phvq9ByoSWJHWEz&q=85&s=0954c0d1cfb7ec2d556543f73512d10a" alt="" noZoom width="48" height="48" data-path="images/icons/48/serena.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">Serena</span></span></a>                                                                                                                 | Symbol-precise codebase navigation       |                                                                                                                                                                                                                                                                                                                                                                                                        **130K** |
    |   24<span className="uai-sgm-context" /> | <a href="#pyright-lsp" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/python.org.png?fit=max&auto=format&n=Qkh6WYyZXPMaeRW_&q=85&s=60f83f7de163140b30f816a16f9f7e2f" alt="" noZoom width="48" height="48" data-path="images/icons/48/python.org.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">Pyright LSP</span></span></a>                                                                       | Live Python type errors                  |                                                                                                                                                                                                                                                                                                                                                                                                        **130K** |
    | 25<span className="uai-sgm-workflows" /> | <a href="#ponytail" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/ponytail.png?fit=max&auto=format&n=Qkh6WYyZXPMaeRW_&q=85&s=acaa8bd601cab20355811403fb3a5fa9" alt="" noZoom width="48" height="48" data-path="images/icons/48/ponytail.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">Ponytail</span></span></a>                                                                                             | Keeping implementations small and simple |                                                                                                                                                                                                                                                                                                                                                                                                        **125K** |
    |   26<span className="uai-sgm-context" /> | <a href="#repomix" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/repomix.png?fit=max&auto=format&n=Qkh6WYyZXPMaeRW_&q=85&s=795cade706b5dd24cd724d74965b917b" alt="" noZoom width="48" height="48" data-path="images/icons/48/repomix.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">Repomix</span></span></a>                                                                                                       | Packing a whole repo into context        |                                                                                                                                                                                                                                                                                                                                                                                                        **125K** |
    | 27<span className="uai-sgm-platforms" /> | <a href="#laravel-boost" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/5xfT_ObZX_-BobJd/images/icons/48/laravel.com.png?fit=max&auto=format&n=5xfT_ObZX_-BobJd&q=85&s=88da58fc5fd1c2ed7d693b633eb71c63" alt="" noZoom width="48" height="48" data-path="images/icons/48/laravel.com.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">Laravel Boost</span></span></a>                                                           | Laravel work grounded in your app        |                                                                                                                                                                                                                                                                                                                                                                                                        **120K** |
    | 28<span className="uai-sgm-platforms" /> | <a href="#expo" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/uuQvup7PYSSgULe9/images/icons/48/expo.dev.png?fit=max&auto=format&n=uuQvup7PYSSgULe9&q=85&s=63e2dba5d3a19bbe75bb8275c2ecb87e" alt="" noZoom width="48" height="48" data-path="images/icons/48/expo.dev.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">Expo</span></span></a>                                                                                                     | Expo and React Native app work           |                                                                                                                                                                                                                                                                                                                                                                                                        **100K** |
    | 29<span className="uai-sgm-platforms" /> | <a href="#prisma" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/prisma.io.png?fit=max&auto=format&n=Qkh6WYyZXPMaeRW_&q=85&s=ff6fc7fa87c3f407b0646fb5baf1c092" alt="" noZoom width="48" height="48" data-path="images/icons/48/prisma.io.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">Prisma</span></span></a>                                                                                         | Prisma ORM and Postgres operations       |                                                                                                                                                                                                                                                                                                                                                                                                         **90K** |
    |   30<span className="uai-sgm-quality" /> | <a href="#semgrep" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/4phvq9ByoSWJHWEz/images/icons/48/semgrep.dev.png?fit=max&auto=format&n=4phvq9ByoSWJHWEz&q=85&s=da54ab301d1e2433045110fb5337f543" alt="" noZoom width="48" height="48" data-path="images/icons/48/semgrep.dev.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">Semgrep</span></span></a>                                                                       | Security scanning while code is written  |                                                                                                                                                                                                                                                                                                                                                                                                         **90K** |
    |   31<span className="uai-sgm-context" /> | <a href="#gitnexus" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/uuQvup7PYSSgULe9/images/icons/48/gitnexus.vercel.app.png?fit=max&auto=format&n=uuQvup7PYSSgULe9&q=85&s=86ac35c048c49f8fe48d72760bcd2757" alt="" noZoom width="48" height="48" data-path="images/icons/48/gitnexus.vercel.app.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">GitNexus</span></span></a>     | Tracing call chains and change impact    |                                                                                                                                                                                                                                                                                                                                                                                                         **85K** |
    | 32<span className="uai-sgm-workflows" /> | <a href="#plugin-developer-toolkit" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/anthropic.com.png?fit=max&auto=format&n=82PG1Up2qz4DPkMj&q=85&s=f84edebba0edca3b7e75a740d0fc318e" alt="" noZoom width="48" height="48" data-path="images/icons/48/anthropic.com.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">Plugin Developer Toolkit</span></span></a>                     | Building Claude Code plugins             |                                                                                                                                                                                                                                                                                                                                                                                                         **70K** |
    | 33<span className="uai-sgm-workflows" /> | <a href="#agent-sdk-dev" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/claude.com.png?fit=max&auto=format&n=C5xOaAf4Os-Vu41o&q=85&s=e324f28e31e44610382fa8cbd78b8468" alt="" noZoom width="48" height="48" data-path="images/icons/48/claude.com.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">Agent SDK Dev</span></span></a>                                                                   | Scaffolding Claude Agent SDK apps        |                                                                                                                                                                                                                                                                                                                                                                                                         **70K** |
    |   34<span className="uai-sgm-context" /> | <a href="#greptile" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/5xfT_ObZX_-BobJd/images/icons/48/greptile.com.png?fit=max&auto=format&n=5xfT_ObZX_-BobJd&q=85&s=30e15dcbc476598dd4b0f78cf1e20986" alt="" noZoom width="48" height="48" data-path="images/icons/48/greptile.com.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">Greptile</span></span></a>                                                             | Acting on Greptile review feedback       |                                                                                                                                                                                                                                                                                                                                                                                                         **60K** |
    |   35<span className="uai-sgm-context" /> | <a href="#sourcegraph" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/-BdB1T4cTAq9nNj4/images/icons/48/sourcegraph.com.png?fit=max&auto=format&n=-BdB1T4cTAq9nNj4&q=85&s=3b0e63f491d150d91daf7445d158ee59" alt="" noZoom width="48" height="48" data-path="images/icons/48/sourcegraph.com.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">Sourcegraph</span></span></a>                               | Cross-repo search and code intelligence  |                                                                                                                                                                                                                                                                                                                                                                                                         **50K** |
    |   36<span className="uai-sgm-quality" /> | <a href="#sonarqube" className="uai-extension-cell no-underline"><img src="https://mintcdn.com/usefulai/4phvq9ByoSWJHWEz/images/icons/48/sonarsource.com.png?fit=max&auto=format&n=4phvq9ByoSWJHWEz&q=85&s=2b634dba24a810233ceab02ce8e58b23" alt="" noZoom width="48" height="48" data-path="images/icons/48/sonarsource.com.png" /><span className="uai-extension-cell-copy"><span className="uai-extension-name">SonarQube</span></span></a>                                   | Your existing SonarQube quality gates    |                                                                                                                                                                                                                                                                                                                                                                                                         **50K** |
  </div>

  <label className="uai-overview-more">
    <input type="checkbox" className="uai-overview-toggle" />

    <span className="uai-overview-more-open"><span className="uai-overview-more-count">Show more</span><Icon icon="chevron-down" size={13} /></span>
    <span className="uai-overview-more-close"><span>Show less</span><Icon icon="chevron-up" size={13} /></span>
  </label>

  ***

  <div className="uai-itemcard uai-sgc-platforms" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/Ez-pJDkPpztLE7Cr/images/icons/144/github.com.png?fit=max&auto=format&n=Ez-pJDkPpztLE7Cr&q=85&s=ae26fba344d6ff6a16b305e4452caac9" alt="GitHub logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/github.com.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [GitHub](https://github.com/)
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Issues, PRs, and CI on GitHub</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>1.6M</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        A connection between the agent and your GitHub: repositories, issues, pull requests, Actions, releases, and security data. With the right access, the agent can inspect code across repositories, triage issues, review and update pull requests, diagnose CI failures, and prepare releases.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        The payoff is that context stops being copied into the chat by hand. That access is also strong enough to change content, issues, workflows, and releases, so grant the smallest useful permissions, enable only the toolsets you need, and lean on read-only or lockdown modes.
      </section>

      <section className="uai-itemcard-section">
        **What you need**

        A GitHub account with access to the repositories you want the agent working in.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install GitHub">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://claude.com/plugins/github" target="_blank" rel="noreferrer" aria-label="Claude Plugin" title="GitHub plugin for Claude Code - Official third-party by GitHub" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max&auto=format&n=DapqcZBWDcIyQCBz&q=85&s=fb415c7174f1e2e8f24101e1c7275b99" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/claude.ai.png" /><span>Plugin</span></a><a href="https://github.com/openai/plugins/tree/main/plugins/github" target="_blank" rel="noreferrer" aria-label="Codex Plugin" title="Codex Plugin - First-party by GitHub" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?fit=max&auto=format&n=C5xOaAf4Os-Vu41o&q=85&s=21ac965dc6ee5751127e6d435043629b" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/openai.com.png" /><span>Plugin</span></a><a href="https://github.com/github/github-mcp-server" target="_blank" rel="noreferrer" aria-label="MCP" title="GitHub MCP server - Official third-party by GitHub" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?fit=max&auto=format&n=hy16G83xN3DfF0qA&q=85&s=773d9ff8c886047c422dc6b5404231c9" alt="" noZoom className="uai-mcp-mark" loading="lazy" width="48" height="48" data-path="images/icons/48/modelcontextprotocol.io.png" /><span>MCP</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-context" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/9ECsl9XwdjRP5AZM/images/icons/144/context7.com.png?fit=max&auto=format&n=9ECsl9XwdjRP5AZM&q=85&s=d6180f4df3cd8836711e4d2cfaf076f3" alt="Context7 logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/context7.com.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [Context7](https://context7.com/)
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Current, version-correct library docs</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>1.2M</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        A lookup service that feeds coding agents current, version-specific library documentation and examples at the moment they write or explain code. Instead of relying on whatever the model already knows, the agent pulls the docs that match the version in use.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        Models often answer from outdated library versions, so this helps most with fast-changing frameworks, configuration, migrations, and exact API calls. The free plan covers 1,000 calls a month. Because the library index is community-contributed, verify security-sensitive instructions against the upstream project's own docs.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install Context7">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://claude.com/plugins/context7" target="_blank" rel="noreferrer" aria-label="Claude Plugin" title="Context7 Claude Code plugin - Official third-party by Upstash" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max&auto=format&n=DapqcZBWDcIyQCBz&q=85&s=fb415c7174f1e2e8f24101e1c7275b99" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/claude.ai.png" /><span>Plugin</span></a><a href="https://github.com/upstash/context7/tree/master/plugins/codex/context7" target="_blank" rel="noreferrer" aria-label="Codex Plugin" title="Context7 Codex plugin - Official third-party by Upstash" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?fit=max&auto=format&n=C5xOaAf4Os-Vu41o&q=85&s=21ac965dc6ee5751127e6d435043629b" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/openai.com.png" /><span>Plugin</span></a><a href="https://cursor.com/marketplace/upstash" target="_blank" rel="noreferrer" aria-label="Cursor Plugin" title="Context7 Cursor plugin - Official third-party by Upstash" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?fit=max&auto=format&n=VO-39uGyUn-FtcaD&q=85&s=3472188040350aa6fc703d0d14923751" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/cursor.com.png" /><span>Plugin</span></a><a href="https://context7.com/docs/resources/all-clients" target="_blank" rel="noreferrer" aria-label="MCP" title="Context7 MCP server - Official third-party by Upstash" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?fit=max&auto=format&n=hy16G83xN3DfF0qA&q=85&s=773d9ff8c886047c422dc6b5404231c9" alt="" noZoom className="uai-mcp-mark" loading="lazy" width="48" height="48" data-path="images/icons/48/modelcontextprotocol.io.png" /><span>MCP</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-workflows" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/k4lSWVSFSOR_cTLZ/images/icons/144/primeradiant.com.png?fit=max&auto=format&n=k4lSWVSFSOR_cTLZ&q=85&s=d686448d1b6fc53ca75e5f02e92e4ee9" alt="Superpowers logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/primeradiant.com.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [Superpowers](https://github.com/obra/superpowers)

          <span className="uai-itemcard-byline">by Jesse Vincent</span>
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Full engineering discipline end to end</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>980K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        A software-development methodology packaged as reusable skills plus startup behavior that reshapes how a coding agent works. It pushes the agent to clarify requirements, design, plan, test, debug systematically, review its own work, and finish branches cleanly.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        Reach for it when a disciplined process matters more than the fastest possible change. It is deliberately opinionated and adds real overhead to small tasks, and because it can create worktrees and drive git and tests, review the package before enabling it in sensitive repositories.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install Superpowers">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://claude.com/plugins/superpowers" target="_blank" rel="noreferrer" aria-label="Claude Plugin" title="Superpowers Claude plugin - Community by Superpowers" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max&auto=format&n=DapqcZBWDcIyQCBz&q=85&s=fb415c7174f1e2e8f24101e1c7275b99" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/claude.ai.png" /><span>Plugin</span></a><a href="https://github.com/openai/plugins/tree/main/plugins/superpowers" target="_blank" rel="noreferrer" aria-label="Codex Plugin" title="Superpowers Codex plugin - Community by Superpowers" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?fit=max&auto=format&n=C5xOaAf4Os-Vu41o&q=85&s=21ac965dc6ee5751127e6d435043629b" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/openai.com.png" /><span>Plugin</span></a><a href="https://cursor.com/marketplace/superpowers" target="_blank" rel="noreferrer" aria-label="Cursor Plugin" title="Superpowers Cursor plugin - Community by Superpowers" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?fit=max&auto=format&n=VO-39uGyUn-FtcaD&q=85&s=3472188040350aa6fc703d0d14923751" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/cursor.com.png" /><span>Plugin</span></a><a href="https://github.com/obra/superpowers/blob/main/README.md" target="_blank" rel="noreferrer" aria-label="Skill" title="Skill - Community by Jesse Vincent / Prime Radiant" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?fit=max&auto=format&n=Qkh6WYyZXPMaeRW_&q=85&s=c19a0f7e808888e8d275f6e97fad38a3" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/other-tools.png" /><span>Skill</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-quality" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/Te6KzZ86-OxPuEC2/images/icons/144/playwright.dev.png?fit=max&auto=format&n=Te6KzZ86-OxPuEC2&q=85&s=92fd512d74b01da47ae6167a81b0ea79" alt="Playwright logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/playwright.dev.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [Playwright](https://playwright.dev/)

          <span className="uai-itemcard-byline">by Microsoft</span>
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Browser flows and end-to-end tests</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>790K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        A real browser handed to the agent for testing, debugging, visual verification, and web interaction. It can reproduce browser bugs, exercise multi-step flows, inspect console and network activity, take screenshots, and create or repair end-to-end tests.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        Reach for it when deterministic DOM and accessibility interaction beats a site-specific API for verifying UI behavior. The local routes need no product account, but a browser profile can expose signed-in sessions and allow real actions, so use an isolated profile and treat page content as untrusted.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install Playwright">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://claude.com/plugins/playwright" target="_blank" rel="noreferrer" aria-label="Claude Plugin" title="Playwright Claude plugin - Official third-party by Microsoft" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max&auto=format&n=DapqcZBWDcIyQCBz&q=85&s=fb415c7174f1e2e8f24101e1c7275b99" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/claude.ai.png" /><span>Plugin</span></a><a href="https://playwright.dev/docs/getting-started-cli" target="_blank" rel="noreferrer" aria-label="CLI" title="CLI - Official third-party by Microsoft" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?fit=max&auto=format&n=Qkh6WYyZXPMaeRW_&q=85&s=c19a0f7e808888e8d275f6e97fad38a3" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/other-tools.png" /><span>CLI</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-workflows" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/9ECsl9XwdjRP5AZM/images/icons/144/ecc.tools.png?fit=max&auto=format&n=9ECsl9XwdjRP5AZM&q=85&s=6af9b7fed6415f4a7d7a27ed30e1c828" alt="ECC logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/ecc.tools.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [ECC](https://ecc.tools/)
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Adopting a whole team method at once</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>600K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        An opinionated operating workflow for coding agents. It ties together skills, subagents, commands, rules, hooks, memory, continuous learning, security checks, and orchestration so a team works from one preassembled method rather than wiring each behavior separately.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        It suits experienced teams that want the whole method, not a few parts. The surface is large and touches high-trust agent behavior, and it can configure third-party MCP servers, so review the source and any credentials before installing it wholesale.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install ECC">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://github.com/affaan-m/ECC#installation" target="_blank" rel="noreferrer" aria-label="Claude Plugin" title="ECC community Claude plugin + selected rules - Community by ECC project" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max&auto=format&n=DapqcZBWDcIyQCBz&q=85&s=fb415c7174f1e2e8f24101e1c7275b99" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/claude.ai.png" /><span>Plugin</span></a><a href="https://github.com/affaan-m/ECC" target="_blank" rel="noreferrer" aria-label="CLI" title="CLI - Community by Affaan Mustafa and contributors" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?fit=max&auto=format&n=Qkh6WYyZXPMaeRW_&q=85&s=c19a0f7e808888e8d275f6e97fad38a3" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/other-tools.png" /><span>CLI</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-quality" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/7PKXUq3bi28Jf8Zg/images/icons/144/chrome.com.png?fit=max&auto=format&n=7PKXUq3bi28Jf8Zg&q=85&s=485041809fd76ed79ab9bbf2265a434c" alt="Chrome DevTools logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/chrome.com.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [Chrome DevTools](https://developer.chrome.com/docs/devtools/agents/get-started)
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Debugging and profiling live pages</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>530K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        A bridge to a live Chrome browser. The agent can drive the page, inspect the DOM and console, analyze network traffic, capture screenshots, record performance traces, debug memory, and check accessibility, all against a real running session rather than static source.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        This surfaces runtime evidence the codebase alone cannot, which makes it strong for reproducing UI bugs, checking performance, diagnosing network failures, and confirming a frontend actually behaves as intended. It can see and change anything in the connected browser, including authenticated data, so keep human review on consequential actions.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install Chrome DevTools">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://claude.com/plugins/chrome-devtools-mcp" target="_blank" rel="noreferrer" aria-label="Claude Plugin" title="Chrome DevTools Claude plugin - Official third-party by Google" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max&auto=format&n=DapqcZBWDcIyQCBz&q=85&s=fb415c7174f1e2e8f24101e1c7275b99" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/claude.ai.png" /><span>Plugin</span></a><a href="https://developer.chrome.com/docs/devtools/agents/get-started" target="_blank" rel="noreferrer" aria-label="MCP" title="Chrome DevTools MCP - Official third-party by Google" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?fit=max&auto=format&n=hy16G83xN3DfF0qA&q=85&s=773d9ff8c886047c422dc6b5404231c9" alt="" noZoom className="uai-mcp-mark" loading="lazy" width="48" height="48" data-path="images/icons/48/modelcontextprotocol.io.png" /><span>MCP</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-workflows" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/GCPeCvcnaEiqXuyx/images/icons/144/mattpocock.com.png?fit=max&auto=format&n=GCPeCvcnaEiqXuyx&q=85&s=b6013318fa87c93b7d1f9cf170d1378a" alt="Grill with Docs logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/mattpocock.com.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [Grill with Docs](https://skills.sh/mattpocock/skills/grill-with-docs)

          <span className="uai-itemcard-byline">by Matt Pocock</span>
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Nailing requirements before building</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>430K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        A planning interview that asks one question at a time while it models your domain. It challenges vague terminology, checks claims against the actual codebase, updates a project glossary, and records only the architectural decisions that are hard to reverse.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        The payoff outlasts the plan. Shared vocabulary and settled decisions stay available to later people and agent sessions, which cuts repeated explanation and inconsistent naming. Since it can edit files like CONTEXT.md and your ADRs, review those changes as you would code.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install Grill with Docs">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://skills.sh/mattpocock/skills/grill-with-docs" target="_blank" rel="noreferrer" aria-label="Skill" title="Portable skill install - Community by Matt Pocock / skills.sh" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?fit=max&auto=format&n=Qkh6WYyZXPMaeRW_&q=85&s=c19a0f7e808888e8d275f6e97fad38a3" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/other-tools.png" /><span>Skill</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-quality" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/tO2qspLJNjFc61Zv/images/icons/144/anthropic.com.png?fit=max&auto=format&n=tO2qspLJNjFc61Zv&q=85&s=2077996fd7746bfe8ee85acdd8018de3" alt="Code Review logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/anthropic.com.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [Code Review](https://claude.com/plugins/code-review)

          <span className="uai-itemcard-byline">by Anthropic</span>
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Automated second pass on pull requests</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>430K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        A pull-request reviewer that runs several reviewers in parallel and filters by confidence. It reads repository guidance, commit history, and the surrounding review context, hunts for likely bugs, then surfaces only the higher-confidence findings.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        Use it on meaningful pull requests where deeper automated review is worth the model cost and latency. Findings post as precise comments with direct code links. Because it reads repository history and writes to GitHub, its access still needs review, and it does not replace human approval.
      </section>

      <section className="uai-itemcard-section">
        **What you need**

        A Claude-only plugin today, and it needs GitHub access to post its review comments.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install Code Review">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://claude.com/plugins/code-review" target="_blank" rel="noreferrer" aria-label="Claude Plugin" title="Code Review plugin - First-party by Anthropic" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max&auto=format&n=DapqcZBWDcIyQCBz&q=85&s=fb415c7174f1e2e8f24101e1c7275b99" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/claude.ai.png" /><span>Plugin</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-platforms" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/o4_em4P2KznfOrKM/images/icons/144/supabase.com.png?fit=max&auto=format&n=o4_em4P2KznfOrKM&q=85&s=3a3d36e889178e5a509dba823347e2c5" alt="Supabase logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/supabase.com.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [Supabase](https://supabase.com/docs/guides/ai-tools)
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Schema, SQL, and migrations on Supabase</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>340K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        A database integration that pairs live project tools with current Supabase and Postgres guidance. Working on the same project, the agent can inspect schemas, run SQL, manage migrations, pull logs, generate types, deploy Edge Functions, and follow up-to-date database and RLS practices.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        Supabase itself recommends pointing it at a development or test project, not production data. Scope the connection to one project, prefer read-only mode and narrow feature groups, and treat database-derived content as a possible prompt-injection vector. The hosted server is still pre-1.0.
      </section>

      <section className="uai-itemcard-section">
        **What you need**

        A Supabase account and a development project to point the agent at.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install Supabase">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://claude.com/plugins/supabase" target="_blank" rel="noreferrer" aria-label="Claude Plugin" title="Supabase Claude Code plugin - Official third-party by Supabase" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max&auto=format&n=DapqcZBWDcIyQCBz&q=85&s=fb415c7174f1e2e8f24101e1c7275b99" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/claude.ai.png" /><span>Plugin</span></a><a href="https://github.com/openai/plugins/tree/main/plugins/supabase" target="_blank" rel="noreferrer" aria-label="Codex Plugin" title="Supabase Codex plugin - Official third-party by Supabase" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?fit=max&auto=format&n=C5xOaAf4Os-Vu41o&q=85&s=21ac965dc6ee5751127e6d435043629b" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/openai.com.png" /><span>Plugin</span></a><a href="https://cursor.com/marketplace/supabase" target="_blank" rel="noreferrer" aria-label="Cursor Plugin" title="Supabase Cursor plugin - Official third-party by Supabase" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?fit=max&auto=format&n=VO-39uGyUn-FtcaD&q=85&s=3472188040350aa6fc703d0d14923751" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/cursor.com.png" /><span>Plugin</span></a><a href="https://supabase.com/docs/guides/getting-started/mcp" target="_blank" rel="noreferrer" aria-label="MCP" title="Hosted Supabase MCP - Official third-party by Supabase" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?fit=max&auto=format&n=hy16G83xN3DfF0qA&q=85&s=773d9ff8c886047c422dc6b5404231c9" alt="" noZoom className="uai-mcp-mark" loading="lazy" width="48" height="48" data-path="images/icons/48/modelcontextprotocol.io.png" /><span>MCP</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-workflows" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/tO2qspLJNjFc61Zv/images/icons/144/anthropic.com.png?fit=max&auto=format&n=tO2qspLJNjFc61Zv&q=85&s=2077996fd7746bfe8ee85acdd8018de3" alt="Code Simplifier logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/anthropic.com.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [Code Simplifier](https://claude.com/plugins/code-simplifier)

          <span className="uai-itemcard-byline">by Anthropic</span>
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Cleaning up freshly written code</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>340K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        A focused cleanup agent that goes over recently modified code for clarity, duplication, nesting, naming, and consistency while trying to preserve behavior. It handles the cleanup as its own step rather than blending it into the original implementation.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        That separation keeps the simplification diff easy to inspect on its own. Two caveats worth holding onto: preserving behavior is an instruction, not a guarantee, and its opinionated JavaScript and React conventions should give way to your project's rules and human review when they conflict.
      </section>

      <section className="uai-itemcard-section">
        **What you need**

        Nothing beyond Claude - it is currently a Claude-only plugin.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install Code Simplifier">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://claude.com/plugins/code-simplifier" target="_blank" rel="noreferrer" aria-label="Claude Plugin" title="Code Simplifier plugin - First-party by Anthropic" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max&auto=format&n=DapqcZBWDcIyQCBz&q=85&s=fb415c7174f1e2e8f24101e1c7275b99" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/claude.ai.png" /><span>Plugin</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-workflows" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/xNhx1TJ-klGNuRgY/images/icons/144/ghuntley.com.png?fit=max&auto=format&n=xNhx1TJ-klGNuRgY&q=85&s=a1570ab3d8b91701e597c9af6937a73b" alt="Ralph logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/ghuntley.com.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [Ralph](https://ghuntley.com/ralph/)
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Looping through small verifiable tasks</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>310K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        A workflow that hands the agent the same bounded objective over and over while progress persists in files and Git between rounds. Some implementations restart a fresh agent each iteration; others continue a session or add planning, monitoring, review, and sandbox controls.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        It lets the agent grind through small, verifiable tasks without a human restarting each cycle. The value comes from durable repository state, tight executable feedback, and a finite loop, not a magic completion phrase, so cap the iterations or spend, keep tasks small, and require executable completion checks.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install Ralph">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://claude.com/plugins/ralph-loop" target="_blank" rel="noreferrer" aria-label="Claude Plugin" title="Anthropic Ralph Loop - First-party by Anthropic" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max&auto=format&n=DapqcZBWDcIyQCBz&q=85&s=fb415c7174f1e2e8f24101e1c7275b99" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/claude.ai.png" /><span>Plugin</span></a><a href="https://github.com/Th0rgal/open-ralph-wiggum" target="_blank" rel="noreferrer" aria-label="CLI" title="Open Ralph Wiggum - Community by Th0rgal" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?fit=max&auto=format&n=Qkh6WYyZXPMaeRW_&q=85&s=c19a0f7e808888e8d275f6e97fad38a3" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/other-tools.png" /><span>CLI</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-platforms" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/sV7VJe4pqO2Le0pu/images/icons/144/vercel.com.png?fit=max&auto=format&n=sV7VJe4pqO2Le0pu&q=85&s=da20e034cbd8dfcd575e83f9feaa9d6f" alt="Vercel logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/vercel.com.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [Vercel](https://vercel.com/)
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Next.js and Vercel-stack development</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>300K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        A broad package spanning the Vercel ecosystem: Next.js, React, the AI SDK, deployments, performance, and infrastructure. It bundles product-specific skills, specialist agents, operational commands, project-aware hooks, an ecosystem map, and, on supported routes, live access to your Vercel account.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        The skills help even without account access, but deployments, logs, environment changes, and connected project data need Vercel authentication. In projects that have nothing to do with Vercel, the breadth is mostly noise, and a narrower route is enough.
      </section>

      <section className="uai-itemcard-section">
        **What you need**

        A Vercel account for the live deployment and project routes; the guidance skills work without one.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install Vercel">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://claude.com/plugins/vercel" target="_blank" rel="noreferrer" aria-label="Claude Plugin" title="Vercel Claude plugin - Official third-party by Vercel" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max&auto=format&n=DapqcZBWDcIyQCBz&q=85&s=fb415c7174f1e2e8f24101e1c7275b99" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/claude.ai.png" /><span>Plugin</span></a><a href="https://github.com/openai/plugins/tree/main/plugins/vercel" target="_blank" rel="noreferrer" aria-label="Codex Plugin" title="Vercel Codex plugin - Official third-party by Vercel Labs" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?fit=max&auto=format&n=C5xOaAf4Os-Vu41o&q=85&s=21ac965dc6ee5751127e6d435043629b" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/openai.com.png" /><span>Plugin</span></a><a href="https://cursor.com/marketplace/vercel" target="_blank" rel="noreferrer" aria-label="Cursor Plugin" title="Vercel Cursor plugin - Official third-party by Vercel" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?fit=max&auto=format&n=VO-39uGyUn-FtcaD&q=85&s=3472188040350aa6fc703d0d14923751" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/cursor.com.png" /><span>Plugin</span></a><a href="https://github.com/vercel/vercel-plugin/blob/main/.mcp.json" target="_blank" rel="noreferrer" aria-label="MCP" title="Vercel hosted MCP - Official third-party by Vercel" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?fit=max&auto=format&n=hy16G83xN3DfF0qA&q=85&s=773d9ff8c886047c422dc6b5404231c9" alt="" noZoom className="uai-mcp-mark" loading="lazy" width="48" height="48" data-path="images/icons/48/modelcontextprotocol.io.png" /><span>MCP</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-workflows" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/GCPeCvcnaEiqXuyx/images/icons/144/mattpocock.com.png?fit=max&auto=format&n=GCPeCvcnaEiqXuyx&q=85&s=b6013318fa87c93b7d1f9cf170d1378a" alt="TDD by Matt Pocock logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/mattpocock.com.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [TDD by Matt Pocock](https://skills.sh/mattpocock/skills/tdd)
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Behavior-first test discipline</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>290K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        A test-driven discipline that builds one behavior-focused slice at a time. You agree on the public seams worth testing, write a single failing test, add just enough implementation to pass, then repeat. The agent invokes it when the work fits.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        It keeps tests bound to observable behavior instead of private methods or mocked internals, and it rejects tautological expected values and speculative batches of tests written before the code teaches you anything. It fits features and fixes with a reliable test runner.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install TDD by Matt Pocock">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://skills.sh/mattpocock/skills/tdd" target="_blank" rel="noreferrer" aria-label="Skill" title="Portable TDD skill - Community by Matt Pocock / skills.sh" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?fit=max&auto=format&n=Qkh6WYyZXPMaeRW_&q=85&s=c19a0f7e808888e8d275f6e97fad38a3" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/other-tools.png" /><span>Skill</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-workflows" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/GCPeCvcnaEiqXuyx/images/icons/144/mattpocock.com.png?fit=max&auto=format&n=GCPeCvcnaEiqXuyx&q=85&s=b6013318fa87c93b7d1f9cf170d1378a" alt="Improve Codebase Architecture logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/mattpocock.com.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [Improve Codebase Architecture](https://skills.sh/mattpocock/skills/improve-codebase-architecture)

          <span className="uai-itemcard-byline">by Matt Pocock</span>
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Choosing the next high-value refactor</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>280K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        A review workflow that scans a codebase for shallow modules, awkward seams, scattered logic, and hard-to-test behavior. It produces a visual HTML report of several candidate refactors, then waits for you to pick one before it moves into design.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        It makes architecture decisions inspectable before any code changes. Each candidate is tied to repository hot spots, domain vocabulary, existing decisions, test seams, and a stated recommendation strength, not a generic cleanup list. The report also loads Tailwind and Mermaid from external CDNs.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install Improve Codebase Architecture">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://github.com/mattpocock/skills#install-as-a-claude-code-plugin" target="_blank" rel="noreferrer" aria-label="Claude Plugin" title="Matt Pocock Skills Claude plugin - Community by Matt Pocock" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max&auto=format&n=DapqcZBWDcIyQCBz&q=85&s=fb415c7174f1e2e8f24101e1c7275b99" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/claude.ai.png" /><span>Plugin</span></a><a href="https://skills.sh/mattpocock/skills/improve-codebase-architecture" target="_blank" rel="noreferrer" aria-label="Skill" title="Portable architecture skill - Community by Matt Pocock / skills.sh" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?fit=max&auto=format&n=Qkh6WYyZXPMaeRW_&q=85&s=c19a0f7e808888e8d275f6e97fad38a3" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/other-tools.png" /><span>Skill</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-workflows" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/tO2qspLJNjFc61Zv/images/icons/144/anthropic.com.png?fit=max&auto=format&n=tO2qspLJNjFc61Zv&q=85&s=2077996fd7746bfe8ee85acdd8018de3" alt="Feature Dev logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/anthropic.com.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [Feature Dev](https://claude.com/plugins/feature-dev)

          <span className="uai-itemcard-byline">by Anthropic</span>
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Structuring one substantial feature</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>280K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        A seven-phase feature workflow that moves through discovery, codebase exploration, clarification, architecture selection, implementation, review, and a final summary. Specialist agents explore the code and compare implementation approaches, and the important decisions stay explicit along the way.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        It keeps the agent from diving straight into code on a substantial feature, making assumptions and architecture choices visible before anything changes. That structure is worth it for consequential work with unclear requirements, but the pauses and multiple agents make it slow and expensive for small fixes.
      </section>

      <section className="uai-itemcard-section">
        **What you need**

        Nothing beyond Claude - it is currently a Claude-only plugin.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install Feature Dev">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://claude.com/plugins/feature-dev" target="_blank" rel="noreferrer" aria-label="Claude Plugin" title="Feature Dev plugin - First-party by Anthropic" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max&auto=format&n=DapqcZBWDcIyQCBz&q=85&s=fb415c7174f1e2e8f24101e1c7275b99" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/claude.ai.png" /><span>Plugin</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-quality" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/tO2qspLJNjFc61Zv/images/icons/144/anthropic.com.png?fit=max&auto=format&n=tO2qspLJNjFc61Zv&q=85&s=2077996fd7746bfe8ee85acdd8018de3" alt="Security Guidance logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/anthropic.com.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [Security Guidance](https://claude.com/plugins/security-guidance)

          <span className="uai-itemcard-byline">by Anthropic</span>
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Security review while you code</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>240K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        A three-layer security workflow for Claude Code. It fires instant pattern warnings while you edit, runs a model-backed diff review when a turn completes, and performs an agentic review around commits and pushes, tracing related files for cross-file problems.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        Treat it as an extra feedback layer for security-sensitive code, not certification or a replacement for human review and dedicated scanners. It sends diffs and related file contents to the configured model, can miss issues or flag false positives, and higher-recall dual review roughly doubles review cost.
      </section>

      <section className="uai-itemcard-section">
        **What you need**

        Nothing beyond Claude - currently a Claude-only plugin.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install Security Guidance">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://claude.com/plugins/security-guidance" target="_blank" rel="noreferrer" aria-label="Claude Plugin" title="Security Guidance plugin - First-party by Anthropic" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max&auto=format&n=DapqcZBWDcIyQCBz&q=85&s=fb415c7174f1e2e8f24101e1c7275b99" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/claude.ai.png" /><span>Plugin</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-context" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/o4_em4P2KznfOrKM/images/icons/144/typescriptlang.org.png?fit=max&auto=format&n=o4_em4P2KznfOrKM&q=85&s=4b42d0d0f1b483e48609d3cfd35a638d" alt="TypeScript LSP logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/typescriptlang.org.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [TypeScript LSP](https://claude.com/plugins/typescript-lsp)

          <span className="uai-itemcard-byline">by Anthropic</span>
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Live TypeScript type errors</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>240K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        A connection to the TypeScript Language Server that gives the agent IDE-style diagnostics, definition lookup, references, and code intelligence across TypeScript and JavaScript files. It reads the real project rather than guessing from search results.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        So it can navigate symbols and catch type errors from the actual project right after edits, which is more reliable than reasoning from search alone in large JavaScript and TypeScript codebases. It depends on a separately maintained language server, so keep that dependency in working order.
      </section>

      <section className="uai-itemcard-section">
        **What you need**

        The typescript-language-server and typescript packages installed and on PATH. Currently a Claude-only plugin.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install TypeScript LSP">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://claude.com/plugins/typescript-lsp" target="_blank" rel="noreferrer" aria-label="Claude Plugin" title="TypeScript LSP Claude plugin - First-party by Anthropic" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max&auto=format&n=DapqcZBWDcIyQCBz&q=85&s=fb415c7174f1e2e8f24101e1c7275b99" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/claude.ai.png" /><span>Plugin</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-context" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/9ECsl9XwdjRP5AZM/images/icons/144/deepwiki.com.png?fit=max&auto=format&n=9ECsl9XwdjRP5AZM&q=85&s=2f7fabea3e175bf15c650bea2b30b3b7" alt="DeepWiki logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/deepwiki.com.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [DeepWiki](https://deepwiki.com)
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Orienting in unfamiliar public repos</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>220K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        A free hosted service for reading generated documentation and asking grounded questions about public GitHub repositories. Its three tools expose the wiki structure, the wiki contents, and question answering, giving the agent a repository-knowledge layer without cloning or indexing anything locally.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        It is a fast way to orient to an unfamiliar public repository, find documented concepts, and ask architecture questions before deeper code inspection. The free endpoint covers public repositories only, and generated wiki content can lag the code, so verify important claims against current source.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install DeepWiki">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://docs.devin.ai/work-with-devin/deepwiki-mcp" target="_blank" rel="noreferrer" aria-label="MCP" title="DeepWiki public remote MCP - Official third-party by Cognition" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?fit=max&auto=format&n=hy16G83xN3DfF0qA&q=85&s=773d9ff8c886047c422dc6b5404231c9" alt="" noZoom className="uai-mcp-mark" loading="lazy" width="48" height="48" data-path="images/icons/48/modelcontextprotocol.io.png" /><span>MCP</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-quality" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/O2NMryn9hetXwNok/images/icons/144/coderabbit.ai.png?fit=max&auto=format&n=O2NMryn9hetXwNok&q=85&s=f515f679908b45d887f9c16ef7f2faae" alt="CodeRabbit logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/coderabbit.ai.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [CodeRabbit](https://www.coderabbit.ai/)
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Independent review of AI-written code</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>190K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        A specialized external review service wired into the coding agent. It brings a separate review engine with static analyzers, code-graph context, and severity-grouped findings, plus a review-and-fix loop the agent can act on directly.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        Because it is a second engine, it can catch problems the agent that wrote the change missed, which helps before merge or while iterating on AI-generated code. It is not local-only, though: your code and context go to an external service, so check data policies and validate every finding.
      </section>

      <section className="uai-itemcard-section">
        **What you need**

        A CodeRabbit account, since reviews run on their service.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install CodeRabbit">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://claude.com/plugins/coderabbit" target="_blank" rel="noreferrer" aria-label="Claude Plugin" title="CodeRabbit Claude plugin - Official third-party by CodeRabbit AI" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max&auto=format&n=DapqcZBWDcIyQCBz&q=85&s=fb415c7174f1e2e8f24101e1c7275b99" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/claude.ai.png" /><span>Plugin</span></a><a href="https://github.com/openai/plugins/tree/main/plugins/coderabbit" target="_blank" rel="noreferrer" aria-label="Codex Plugin" title="CodeRabbit Codex plugin - Official third-party by CodeRabbit AI" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?fit=max&auto=format&n=C5xOaAf4Os-Vu41o&q=85&s=21ac965dc6ee5751127e6d435043629b" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/openai.com.png" /><span>Plugin</span></a><a href="https://docs.coderabbit.ai/cli/cursor-integration" target="_blank" rel="noreferrer" aria-label="CLI" title="CodeRabbit CLI direct - Official third-party by CodeRabbit AI" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?fit=max&auto=format&n=Qkh6WYyZXPMaeRW_&q=85&s=c19a0f7e808888e8d275f6e97fad38a3" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/other-tools.png" /><span>CLI</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-platforms" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/tg9qyhjHsl4zE0cN/images/icons/144/postman.com.png?fit=max&auto=format&n=tg9qyhjHsl4zE0cN&q=85&s=8a6b45609f79af1a431b8f27138b18e8" alt="Postman logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/postman.com.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [Postman](https://www.postman.com/)
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">API testing from Postman workspaces</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>190K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        A connection to your Postman workspaces, collections, specifications, environments, mocks, monitors, and related API workflows. The agent gets the same structured API context the team maintains in Postman, rather than reconstructing the API surface from scratch.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        With that context the agent can run tests, sync specifications and collections, generate client code, improve docs, build mocks, and audit APIs alongside implementation. Use the narrowest mode that covers the task; Full mode exposes broad write and execution across Postman resources, so don't expose a wide API key casually.
      </section>

      <section className="uai-itemcard-section">
        **What you need**

        A Postman account and workspace.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install Postman">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://claude.com/connectors/postman" target="_blank" rel="noreferrer" aria-label="Claude Connector" title="Postman connector - Official third-party by Postman" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max&auto=format&n=DapqcZBWDcIyQCBz&q=85&s=fb415c7174f1e2e8f24101e1c7275b99" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/claude.ai.png" /><span>Connector</span></a><a href="https://cursor.com/marketplace/postman" target="_blank" rel="noreferrer" aria-label="Cursor Plugin" title="Postman Cursor plugin - Official third-party by Postman" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?fit=max&auto=format&n=VO-39uGyUn-FtcaD&q=85&s=3472188040350aa6fc703d0d14923751" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/cursor.com.png" /><span>Plugin</span></a><a href="https://learning.postman.com/v11/docs/reference/postman-api/postman-mcp-server/postman-mcp-local-server" target="_blank" rel="noreferrer" aria-label="MCP" title="Postman local MCP - Official third-party by Postman" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?fit=max&auto=format&n=hy16G83xN3DfF0qA&q=85&s=773d9ff8c886047c422dc6b5404231c9" alt="" noZoom className="uai-mcp-mark" loading="lazy" width="48" height="48" data-path="images/icons/48/modelcontextprotocol.io.png" /><span>MCP</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-platforms" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/xNhx1TJ-klGNuRgY/images/icons/144/gitlab.com.png?fit=max&auto=format&n=xNhx1TJ-klGNuRgY&q=85&s=66331ef01919bc61231bdc9541c1930e" alt="GitLab logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/gitlab.com.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [GitLab](https://about.gitlab.com/)
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Merge requests and CI on GitLab</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>170K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        An integration across the GitLab lifecycle: repositories, merge requests, CI/CD pipelines, issues, milestones, and wikis. The agent works inside GitLab's own permission model, with authentication tied to the connected account and instance rather than a third-party wrapper.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        Use it for development and delivery work that already lives in GitLab. When checked, the hosted MCP server was still beta and the glab MCP mode experimental, so grant the narrowest practical permissions and avoid broad write access to production groups when read-only project access is enough.
      </section>

      <section className="uai-itemcard-section">
        **What you need**

        A GitLab account on the instance you want the agent to reach.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install GitLab">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://claude.com/plugins/gitlab" target="_blank" rel="noreferrer" aria-label="Claude Plugin" title="GitLab Claude plugin - Official third-party by GitLab" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max&auto=format&n=DapqcZBWDcIyQCBz&q=85&s=fb415c7174f1e2e8f24101e1c7275b99" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/claude.ai.png" /><span>Plugin</span></a><a href="https://docs.gitlab.com/user/gitlab_duo/model_context_protocol/mcp_server/" target="_blank" rel="noreferrer" aria-label="MCP" title="GitLab hosted MCP server - Official third-party by GitLab" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?fit=max&auto=format&n=hy16G83xN3DfF0qA&q=85&s=773d9ff8c886047c422dc6b5404231c9" alt="" noZoom className="uai-mcp-mark" loading="lazy" width="48" height="48" data-path="images/icons/48/modelcontextprotocol.io.png" /><span>MCP</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-workflows" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/o4_em4P2KznfOrKM/images/icons/144/task-master.png?fit=max&auto=format&n=o4_em4P2KznfOrKM&q=85&s=ccbb66acf9383d191a600725008d73a7" alt="Task Master logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/task-master.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [Task Master](https://github.com/eyaltoledano/claude-task-master)
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Plans that outlive a single session</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>140K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        A system that turns a product brief into a durable graph of tasks with dependencies, status, research notes, and handoff state. That work lives in files the agent reads and updates, not inside a single conversation.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        For substantial projects, that makes plans survive across sessions, so multiple agent runs can inspect and advance the same work. It needs Node 20+, local project access, and a configured model provider, and it writes durable state through many mutation tools, so review the generated plans.
      </section>

      <section className="uai-itemcard-section">
        **What you need**

        An API key for the model provider that powers its planning runs.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install Task Master">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://github.com/eyaltoledano/claude-task-master/tree/main/packages/claude-code-plugin" target="_blank" rel="noreferrer" aria-label="Claude Plugin" title="Task Master Claude plugin - Community by Task Master team" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max&auto=format&n=DapqcZBWDcIyQCBz&q=85&s=fb415c7174f1e2e8f24101e1c7275b99" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/claude.ai.png" /><span>Plugin</span></a><a href="https://docs.task-master.dev/getting-started/quick-start/installation" target="_blank" rel="noreferrer" aria-label="MCP" title="Task Master local MCP - Community by Task Master team" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?fit=max&auto=format&n=hy16G83xN3DfF0qA&q=85&s=773d9ff8c886047c422dc6b5404231c9" alt="" noZoom className="uai-mcp-mark" loading="lazy" width="48" height="48" data-path="images/icons/48/modelcontextprotocol.io.png" /><span>MCP</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-context" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/k4lSWVSFSOR_cTLZ/images/icons/144/serena.png?fit=max&auto=format&n=k4lSWVSFSOR_cTLZ&q=85&s=6e09df6ca6167ab8a91a4cb5c5f2c348" alt="Serena logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/serena.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [Serena](https://oraios.github.io/serena/)
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Symbol-precise codebase navigation</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>130K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        An IDE-like semantic toolkit for the agent. It finds symbols and references, maps code relationships, and edits or refactors at symbol boundaries, running locally on top of language servers rather than plain text search.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        So the agent can pull just the relevant symbols instead of reading whole files, and make cross-file changes with more structural precision than search-and-replace. Its value depends on the language and repository, and it needs a local runtime and language-server backend; treat speed and token-saving claims as workload-dependent.
      </section>

      <section className="uai-itemcard-section">
        **What you need**

        No account needed - a local runtime plus a language-server backend for your language.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install Serena">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://claude.com/plugins/serena" target="_blank" rel="noreferrer" aria-label="Claude Plugin" title="Serena Claude plugin - Official third-party by Oraios" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max&auto=format&n=DapqcZBWDcIyQCBz&q=85&s=fb415c7174f1e2e8f24101e1c7275b99" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/claude.ai.png" /><span>Plugin</span></a><a href="https://oraios.github.io/serena/02-usage/030_clients.html#codex-cli-and-app" target="_blank" rel="noreferrer" aria-label="MCP" title="Serena Codex setup - Official third-party by Oraios" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?fit=max&auto=format&n=hy16G83xN3DfF0qA&q=85&s=773d9ff8c886047c422dc6b5404231c9" alt="" noZoom className="uai-mcp-mark" loading="lazy" width="48" height="48" data-path="images/icons/48/modelcontextprotocol.io.png" /><span>MCP</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-context" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/k4lSWVSFSOR_cTLZ/images/icons/144/python.org.png?fit=max&auto=format&n=k4lSWVSFSOR_cTLZ&q=85&s=a6eb7503bbab029104dcb04a6e1f034c" alt="Pyright LSP logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/python.org.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [Pyright LSP](https://claude.com/plugins/pyright-lsp)

          <span className="uai-itemcard-byline">by Anthropic</span>
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Live Python type errors</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>130K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        A connection to Microsoft's Pyright language server that gives the agent live Python type diagnostics and code intelligence from the actual project. It reads real type and symbol information instead of relying only on source search.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        The payoff is strongest in large or typed Python codebases, where it catches type errors right after edits and helps the agent edit safely. It depends on a separately maintained binary and can fail silently if that executable is missing from PATH, so confirm it is installed.
      </section>

      <section className="uai-itemcard-section">
        **What you need**

        Pyright installed locally, with pyright-langserver on PATH. Currently a Claude-only plugin.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install Pyright LSP">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://claude.com/plugins/pyright-lsp" target="_blank" rel="noreferrer" aria-label="Claude Plugin" title="Pyright LSP Claude plugin - First-party by Anthropic" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max&auto=format&n=DapqcZBWDcIyQCBz&q=85&s=fb415c7174f1e2e8f24101e1c7275b99" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/claude.ai.png" /><span>Plugin</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-workflows" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/tg9qyhjHsl4zE0cN/images/icons/144/ponytail.png?fit=max&auto=format&n=tg9qyhjHsl4zE0cN&q=85&s=1ecf3fdd58d97dcd725ede43aefb6a39" alt="Ponytail logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/ponytail.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [Ponytail](https://github.com/DietrichGebert/ponytail)
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Keeping implementations small and simple</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>125K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        A workflow that steadily pushes coding agents toward smaller, simpler implementations. Its hooks keep that pressure on throughout a session rather than depending on you to remember a prompt, targeting the tendency to add abstractions, layers, and code volume faster than the task needs.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        Use it for implementation and review where trimming code and architectural surface matters. Two cautions: the hooks need Node and can fail silently while the skills still load, so confirm they activated, and its code-reduction numbers are self-published, so treat them as publisher claims.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install Ponytail">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://github.com/DietrichGebert/ponytail#claude-code" target="_blank" rel="noreferrer" aria-label="Claude Plugin" title="Ponytail Claude plugin - Community by Dietrich Gebert" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max&auto=format&n=DapqcZBWDcIyQCBz&q=85&s=fb415c7174f1e2e8f24101e1c7275b99" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/claude.ai.png" /><span>Plugin</span></a><a href="https://github.com/DietrichGebert/ponytail" target="_blank" rel="noreferrer" aria-label="Codex Plugin" title="Ponytail Codex plugin - Community by Dietrich Gebert" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?fit=max&auto=format&n=C5xOaAf4Os-Vu41o&q=85&s=21ac965dc6ee5751127e6d435043629b" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/openai.com.png" /><span>Plugin</span></a><a href="https://skills.sh/dietrichgebert/ponytail" target="_blank" rel="noreferrer" aria-label="Skill" title="Ponytail skills - Community by Dietrich Gebert / skills.sh" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?fit=max&auto=format&n=Qkh6WYyZXPMaeRW_&q=85&s=c19a0f7e808888e8d275f6e97fad38a3" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/other-tools.png" /><span>Skill</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-context" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/k4lSWVSFSOR_cTLZ/images/icons/144/repomix.png?fit=max&auto=format&n=k4lSWVSFSOR_cTLZ&q=85&s=4fd446d248f992c449d7e4cd1f4238f7" alt="Repomix logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/repomix.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [Repomix](https://repomix.com)
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Packing a whole repo into context</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>125K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        A repository packer that compresses a whole codebase into compact, structured context, plus a repeatable process for searching and explaining the result. It is built to feed an agent broad repository context it could not otherwise hold at once.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        That makes it useful for unfamiliar, remote, or very large codebases where the agent needs the whole picture. The packed output can still contain proprietary code or secrets even with Secretlint, so review the generated file before handing it to a hosted model.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install Repomix">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://repomix.com/guide/claude-code-plugins" target="_blank" rel="noreferrer" aria-label="Claude Plugin" title="Repomix Claude plugin suite - Official third-party by Repomix" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max&auto=format&n=DapqcZBWDcIyQCBz&q=85&s=fb415c7174f1e2e8f24101e1c7275b99" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/claude.ai.png" /><span>Plugin</span></a><a href="https://repomix.com/guide/repomix-explorer-skill" target="_blank" rel="noreferrer" aria-label="Skill" title="Repomix Explorer skill - Official third-party by Repomix" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?fit=max&auto=format&n=Qkh6WYyZXPMaeRW_&q=85&s=c19a0f7e808888e8d275f6e97fad38a3" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/other-tools.png" /><span>Skill</span></a><a href="https://repomix.com/guide/mcp-server" target="_blank" rel="noreferrer" aria-label="MCP" title="Repomix local MCP - Official third-party by Repomix; experimental" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?fit=max&auto=format&n=hy16G83xN3DfF0qA&q=85&s=773d9ff8c886047c422dc6b5404231c9" alt="" noZoom className="uai-mcp-mark" loading="lazy" width="48" height="48" data-path="images/icons/48/modelcontextprotocol.io.png" /><span>MCP</span></a><a href="https://repomix.com/guide/installation" target="_blank" rel="noreferrer" aria-label="CLI" title="Repomix CLI - Official third-party by Repomix" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?fit=max&auto=format&n=Qkh6WYyZXPMaeRW_&q=85&s=c19a0f7e808888e8d275f6e97fad38a3" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/other-tools.png" /><span>CLI</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-platforms" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/GCPeCvcnaEiqXuyx/images/icons/144/laravel.com.png?fit=max&auto=format&n=GCPeCvcnaEiqXuyx&q=85&s=3eddcde8ceaa50072316ab0f86380f33" alt="Laravel Boost logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/laravel.com.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [Laravel Boost](https://laravel.com/docs/master/boost)
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Laravel work grounded in your app</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>120K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        A project package for Laravel work that combines a local server, project- and package-aware guidelines, focused skills, and semantic search across more than 17,000 pieces of Laravel ecosystem documentation. It grounds the agent in the actual application, not generic framework knowledge.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        So the agent can inspect the app's packages, routes, schema, logs, configuration, and database, and follow the conventions and version-specific patterns that apply to it. Because it runs inside the project and can query databases, read config and logs, and execute Tinker code, use it in development environments.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install Laravel Boost">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://claude.com/plugins/laravel-boost" target="_blank" rel="noreferrer" aria-label="Claude Plugin" title="Laravel Boost Claude plugin - Official third-party by Laravel" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max&auto=format&n=DapqcZBWDcIyQCBz&q=85&s=fb415c7174f1e2e8f24101e1c7275b99" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/claude.ai.png" /><span>Plugin</span></a><a href="https://laravel.com/docs/master/boost" target="_blank" rel="noreferrer" aria-label="MCP" title="Laravel Boost project setup - Official third-party by Laravel" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?fit=max&auto=format&n=hy16G83xN3DfF0qA&q=85&s=773d9ff8c886047c422dc6b5404231c9" alt="" noZoom className="uai-mcp-mark" loading="lazy" width="48" height="48" data-path="images/icons/48/modelcontextprotocol.io.png" /><span>MCP</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-platforms" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/xNhx1TJ-klGNuRgY/images/icons/144/expo.dev.png?fit=max&auto=format&n=xNhx1TJ-klGNuRgY&q=85&s=7aa2bee313e6caf10f560e700bf4c45f" alt="Expo logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/expo.dev.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [Expo](https://expo.dev/)
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Expo and React Native app work</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>100K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        An Expo and React Native package that pairs task-specific skills with tools for live Expo documentation and EAS operations. The skills cover current project structure, Router, native UI, upgrades, data fetching, modules, deployment, and CI/CD as the agent builds.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        It keeps the agent aligned with current SDK patterns and, when authorized, lets it trigger builds, inspect rollouts, and use EAS services. The framework skills are open, but EAS can require an account, permissions, and paid capacity, so review any deployment or native changes.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install Expo">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://claude.com/plugins/expo" target="_blank" rel="noreferrer" aria-label="Claude Plugin" title="Expo Claude plugin - Official third-party by Expo" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max&auto=format&n=DapqcZBWDcIyQCBz&q=85&s=fb415c7174f1e2e8f24101e1c7275b99" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/claude.ai.png" /><span>Plugin</span></a><a href="https://github.com/openai/plugins/tree/main/plugins/expo" target="_blank" rel="noreferrer" aria-label="Codex Plugin" title="Expo Codex plugin - Official third-party by Expo" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?fit=max&auto=format&n=C5xOaAf4Os-Vu41o&q=85&s=21ac965dc6ee5751127e6d435043629b" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/openai.com.png" /><span>Plugin</span></a><a href="https://docs.expo.dev/skills/" target="_blank" rel="noreferrer" aria-label="Skill" title="Expo skills - Official third-party by Expo" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?fit=max&auto=format&n=Qkh6WYyZXPMaeRW_&q=85&s=c19a0f7e808888e8d275f6e97fad38a3" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/other-tools.png" /><span>Skill</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-platforms" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/k4lSWVSFSOR_cTLZ/images/icons/144/prisma.io.png?fit=max&auto=format&n=k4lSWVSFSOR_cTLZ&q=85&s=b06662f8724067dc561338c5ace3bcc9" alt="Prisma logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/prisma.io.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [Prisma](https://www.prisma.io/docs/ai)
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Prisma ORM and Postgres operations</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>90K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        A database integration that pairs current Prisma ORM and Postgres guidance with live database management. The agent can generate version-appropriate Prisma code and take database actions such as provisioning, querying, migrations, backups, recovery, and connection management.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        It keeps generated code aligned with the Prisma version in use and lets the agent operate Prisma Postgres in a development workflow. The hosted server can execute SQL and manage databases and credentials, so keep human review around destructive actions; the CLI adds guardrails for dangerous commands.
      </section>

      <section className="uai-itemcard-section">
        **What you need**

        A Prisma account for the hosted Postgres routes.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install Prisma">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://claude.com/plugins/prisma" target="_blank" rel="noreferrer" aria-label="Claude Plugin" title="Prisma plugin - Official third-party by Prisma" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max&auto=format&n=DapqcZBWDcIyQCBz&q=85&s=fb415c7174f1e2e8f24101e1c7275b99" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/claude.ai.png" /><span>Plugin</span></a><a href="https://www.prisma.io/docs/ai/tools/codex" target="_blank" rel="noreferrer" aria-label="Codex Plugin" title="Prisma Codex plugin - Official third-party by Prisma" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?fit=max&auto=format&n=C5xOaAf4Os-Vu41o&q=85&s=21ac965dc6ee5751127e6d435043629b" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/openai.com.png" /><span>Plugin</span></a><a href="https://cursor.com/marketplace/prisma" target="_blank" rel="noreferrer" aria-label="Cursor Plugin" title="Prisma Cursor plugin - Official third-party by Prisma" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?fit=max&auto=format&n=VO-39uGyUn-FtcaD&q=85&s=3472188040350aa6fc703d0d14923751" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/cursor.com.png" /><span>Plugin</span></a><a href="https://docs.prisma.io/docs/ai/tools/mcp-server" target="_blank" rel="noreferrer" aria-label="MCP" title="Prisma hosted MCP - Official third-party by Prisma" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?fit=max&auto=format&n=hy16G83xN3DfF0qA&q=85&s=773d9ff8c886047c422dc6b5404231c9" alt="" noZoom className="uai-mcp-mark" loading="lazy" width="48" height="48" data-path="images/icons/48/modelcontextprotocol.io.png" /><span>MCP</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-quality" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/k4lSWVSFSOR_cTLZ/images/icons/144/semgrep.dev.png?fit=max&auto=format&n=k4lSWVSFSOR_cTLZ&q=85&s=a8da777abd3899bced51435a125906ba" alt="Semgrep logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/semgrep.dev.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [Semgrep](https://semgrep.dev/products/semgrep-guardian/)
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Security scanning while code is written</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>90K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        A deterministic security scanner wired into the agent, packaged as Semgrep Guardian with MCP tools, coding-agent hooks, and secure-coding guidance. It checks code as the agent writes it and surfaces SAST, dependency, and secret findings.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        Because scanning happens inside the generation loop, the agent gets enough context to fix issues before they reach a pull request. The hooks read and scan changed source, and cloud features can expose findings and repository context to Semgrep services, so review results rather than treating them as final proof.
      </section>

      <section className="uai-itemcard-section">
        **What you need**

        The Semgrep CLI installed locally; an account only for organization policies.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install Semgrep">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://claude.com/plugins/semgrep" target="_blank" rel="noreferrer" aria-label="Claude Plugin" title="Semgrep Claude plugin - Official third-party by Semgrep" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max&auto=format&n=DapqcZBWDcIyQCBz&q=85&s=fb415c7174f1e2e8f24101e1c7275b99" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/claude.ai.png" /><span>Plugin</span></a><a href="https://cursor.com/marketplace/semgrep" target="_blank" rel="noreferrer" aria-label="Cursor Plugin" title="Semgrep Cursor plugin - Official third-party by Semgrep" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?fit=max&auto=format&n=VO-39uGyUn-FtcaD&q=85&s=3472188040350aa6fc703d0d14923751" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/cursor.com.png" /><span>Plugin</span></a><a href="https://semgrep.dev/docs/guardian" target="_blank" rel="noreferrer" aria-label="MCP" title="Semgrep local MCP - Official third-party by Semgrep" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?fit=max&auto=format&n=hy16G83xN3DfF0qA&q=85&s=773d9ff8c886047c422dc6b5404231c9" alt="" noZoom className="uai-mcp-mark" loading="lazy" width="48" height="48" data-path="images/icons/48/modelcontextprotocol.io.png" /><span>MCP</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-context" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/xNhx1TJ-klGNuRgY/images/icons/144/gitnexus.vercel.app.png?fit=max&auto=format&n=xNhx1TJ-klGNuRgY&q=85&s=49b6b4dd86bf3d99e2ddde8a48697144" alt="GitNexus logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/gitnexus.vercel.app.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [GitNexus](https://github.com/abhigyanpatwari/GitNexus)
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Tracing call chains and change impact</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>85K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        A tool that builds a local knowledge graph of your codebase and exposes its relationships to the agent through queries, exploration and planning skills, and context files. It maps how the code actually connects rather than treating it as loose text.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        That helps the agent reason about call chains, dependencies, execution flows, clusters, and change impact that plain search misses in large repositories. The index uses local compute and can go stale, and its PolyForm Noncommercial license means commercial teams should check permitted use first.
      </section>

      <section className="uai-itemcard-section">
        **What you need**

        No account needed, just a one-time local indexing run (npx gitnexus analyze) before the graph is useful.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install GitNexus">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://github.com/abhigyanpatwari/GitNexus/tree/main/Documentation" target="_blank" rel="noreferrer" aria-label="CLI" title="CLI - Community by Abhigyan Patwari and contributors" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/Qkh6WYyZXPMaeRW_/images/icons/48/other-tools.png?fit=max&auto=format&n=Qkh6WYyZXPMaeRW_&q=85&s=c19a0f7e808888e8d275f6e97fad38a3" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/other-tools.png" /><span>CLI</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-workflows" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/tO2qspLJNjFc61Zv/images/icons/144/anthropic.com.png?fit=max&auto=format&n=tO2qspLJNjFc61Zv&q=85&s=2077996fd7746bfe8ee85acdd8018de3" alt="Plugin Developer Toolkit logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/anthropic.com.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [Plugin Developer Toolkit](https://claude.com/plugins/plugin-dev)

          <span className="uai-itemcard-byline">by Anthropic</span>
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Building Claude Code plugins</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>70K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        A guided workflow for building Claude Code plugins, from design through validation, testing, and documentation. An eight-phase creation command pairs with focused guidance on plugin structure, settings, commands, agents, skills, hooks, and MCP integration, plus validation agents and scripts.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        It is one coherent process for turning a plugin idea into a validated, documented result, rather than a scattered set of tips. Because the workflow generates hooks, scripts, dependencies, MCP configuration, and permissions, review each one before you enable or distribute the plugin.
      </section>

      <section className="uai-itemcard-section">
        **What you need**

        Nothing beyond Claude - it is currently a Claude-only plugin.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install Plugin Developer Toolkit">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://claude.com/plugins/plugin-dev" target="_blank" rel="noreferrer" aria-label="Claude Plugin" title="Plugin Developer Toolkit - First-party by Anthropic" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max&auto=format&n=DapqcZBWDcIyQCBz&q=85&s=fb415c7174f1e2e8f24101e1c7275b99" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/claude.ai.png" /><span>Plugin</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-workflows" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/O2NMryn9hetXwNok/images/icons/144/claude.com.png?fit=max&auto=format&n=O2NMryn9hetXwNok&q=85&s=307b7c445fc0756c41c2f3baa5a44b74" alt="Agent SDK Dev logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/claude.com.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [Agent SDK Dev](https://claude.com/plugins/agent-sdk-dev)

          <span className="uai-itemcard-byline">by Anthropic</span>
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Scaffolding Claude Agent SDK apps</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>70K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        A workflow that scaffolds and checks Claude Agent SDK applications in Python or TypeScript. An interactive starter creates the project, and SDK-specific verifiers review package setup, imports, types, environment handling, error handling, and documentation against current Anthropic patterns.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        It is aimed at starting or validating an app built specifically on the Claude Agent SDK, not agent frameworks in general. The command creates files and installs dependencies, so review the generated project, keep API keys out of version control, and treat verifier output as guidance, not a production sign-off.
      </section>

      <section className="uai-itemcard-section">
        **What you need**

        An Anthropic API key for the apps it scaffolds. Currently a Claude-only plugin.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install Agent SDK Dev">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://claude.com/plugins/agent-sdk-dev" target="_blank" rel="noreferrer" aria-label="Claude Plugin" title="Agent SDK Dev plugin - First-party by Anthropic" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max&auto=format&n=DapqcZBWDcIyQCBz&q=85&s=fb415c7174f1e2e8f24101e1c7275b99" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/claude.ai.png" /><span>Plugin</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-context" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/xNhx1TJ-klGNuRgY/images/icons/144/greptile.com.png?fit=max&auto=format&n=xNhx1TJ-klGNuRgY&q=85&s=052512c8f965759904b6c7e98df94731" alt="Greptile logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/greptile.com.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [Greptile](https://www.greptile.com/)
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Acting on Greptile review feedback</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>60K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        A connection to Greptile's review data and custom coding context. Its tools fetch pull requests and review comments, search recurring feedback, check review status, apply fixes, and manage the team's coding patterns from inside the agent.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        This turns Greptile feedback into work the agent can address in the same place code is written, and lets teams carry their standards into the implementation loop. It only helps if Greptile already indexes the relevant repositories; it is not a review engine for teams that don't use Greptile.
      </section>

      <section className="uai-itemcard-section">
        **What you need**

        A Greptile account with your repositories already indexed.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install Greptile">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://claude.com/plugins/greptile" target="_blank" rel="noreferrer" aria-label="Claude Plugin" title="Greptile Claude plugin - Official third-party by Greptile" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max&auto=format&n=DapqcZBWDcIyQCBz&q=85&s=fb415c7174f1e2e8f24101e1c7275b99" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/claude.ai.png" /><span>Plugin</span></a><a href="https://www.greptile.com/docs/mcp/setup" target="_blank" rel="noreferrer" aria-label="MCP" title="Greptile hosted MCP - Official third-party by Greptile" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?fit=max&auto=format&n=hy16G83xN3DfF0qA&q=85&s=773d9ff8c886047c422dc6b5404231c9" alt="" noZoom className="uai-mcp-mark" loading="lazy" width="48" height="48" data-path="images/icons/48/modelcontextprotocol.io.png" /><span>MCP</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-context" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/fTqNrv6I1z_YE97n/images/icons/144/sourcegraph.com.png?fit=max&auto=format&n=fTqNrv6I1z_YE97n&q=85&s=2958f922d612fad111ea4f78e8767bda" alt="Sourcegraph logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/sourcegraph.com.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [Sourcegraph](https://sourcegraph.com/mcp)
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Cross-repo search and code intelligence</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>50K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        A connection to the search and code-intelligence layer of a Sourcegraph instance. The agent can search repositories, read files, navigate symbols, inspect commits and diffs, and, depending on the endpoint, run or read Deep Search.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        This gives the agent governed context across many repositories without checking each one out locally or dumping it into the prompt, so it fits enterprise code discovery, cross-repo tracing, and refactor-impact work. It is documented for Enterprise and can expose private code and history, but existing repository permissions still apply.
      </section>

      <section className="uai-itemcard-section">
        **What you need**

        Access to a Sourcegraph instance, typically your team's Enterprise deployment.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install Sourcegraph">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://cursor.com/marketplace/sourcegraph" target="_blank" rel="noreferrer" aria-label="Cursor Plugin" title="Sourcegraph Cursor plugin - Official third-party by Sourcegraph" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?fit=max&auto=format&n=VO-39uGyUn-FtcaD&q=85&s=3472188040350aa6fc703d0d14923751" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/cursor.com.png" /><span>Plugin</span></a><a href="https://sourcegraph.com/docs/api/mcp" target="_blank" rel="noreferrer" aria-label="MCP" title="Direct Sourcegraph MCP - Official third-party by Sourcegraph" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?fit=max&auto=format&n=hy16G83xN3DfF0qA&q=85&s=773d9ff8c886047c422dc6b5404231c9" alt="" noZoom className="uai-mcp-mark" loading="lazy" width="48" height="48" data-path="images/icons/48/modelcontextprotocol.io.png" /><span>MCP</span></a>
    </div>
  </div>

  <div className="uai-itemcard uai-sgc-quality" role="article">
    <div className="uai-itemcard-head">
      <span className="uai-itemcard-icon">
        <img src="https://mintcdn.com/usefulai/o4_em4P2KznfOrKM/images/icons/144/sonarsource.com.png?fit=max&auto=format&n=o4_em4P2KznfOrKM&q=85&s=b3b86fa2e0372cd0141fba2450936e30" alt="SonarQube logo" noZoom loading="lazy" width="144" height="144" data-path="images/icons/144/sonarsource.com.png" />
      </span>

      <div className="uai-itemcard-identity">
        <div className="uai-itemcard-row uai-itemcard-row--title">
          ## [SonarQube](https://www.sonarsource.com/products/sonarqube/mcp-server/)
        </div>

        <div className="uai-itemcard-row">
          <span className="uai-itemcard-note uai-itemcard-note--green">Your existing SonarQube quality gates</span>
        </div>
      </div>

      <div className="uai-itemcard-end">
        <div className="uai-itemcard-metric"><strong>50K</strong><span>estimated installs</span></div>
      </div>
    </div>

    <div className="uai-itemcard-body">
      <section className="uai-itemcard-section">
        **What it is**

        An integration that brings SonarQube quality gates, issues, coverage, duplication, dependency risks, secret scanning, and code analysis into the agent loop. The agent checks its own code against the same deterministic quality and security rules the team already uses.
      </section>

      <section className="uai-itemcard-section">
        **When to use**

        Depending on platform and plan, hooks can scan secrets before context reaches the model and run analysis after edits rather than waiting for CI. It fits teams that already use SonarQube. Prefer read-only mode and narrow toolsets, since the server can also update issues and create webhooks.
      </section>

      <section className="uai-itemcard-section">
        **What you need**

        A SonarQube setup your team already runs.
      </section>
    </div>

    <div className="uai-itemcard-rail" aria-label="Install SonarQube">
      <span className="uai-itemcard-rail-label">Install</span>
      <a href="https://claude.com/plugins/sonarqube" target="_blank" rel="noreferrer" aria-label="Claude Plugin" title="SonarQube Claude plugin - Official third-party by SonarSource" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max&auto=format&n=DapqcZBWDcIyQCBz&q=85&s=fb415c7174f1e2e8f24101e1c7275b99" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/claude.ai.png" /><span>Plugin</span></a><a href="https://github.com/SonarSource/sonarqube-agent-plugins" target="_blank" rel="noreferrer" aria-label="Codex Plugin" title="SonarQube Codex plugin - Official third-party by SonarSource" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?fit=max&auto=format&n=C5xOaAf4Os-Vu41o&q=85&s=21ac965dc6ee5751127e6d435043629b" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/openai.com.png" /><span>Plugin</span></a><a href="https://cursor.com/marketplace/sonarsource" target="_blank" rel="noreferrer" aria-label="Cursor Plugin" title="SonarQube Cursor plugin - Official third-party by SonarSource" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?fit=max&auto=format&n=VO-39uGyUn-FtcaD&q=85&s=3472188040350aa6fc703d0d14923751" alt="" noZoom loading="lazy" width="48" height="48" data-path="images/icons/48/cursor.com.png" /><span>Plugin</span></a><a href="https://github.com/SonarSource/sonarqube-mcp-server" target="_blank" rel="noreferrer" aria-label="MCP" title="SonarQube local MCP - Official third-party by SonarSource" className="uai-itemcard-install no-underline"><img src="https://mintcdn.com/usefulai/hy16G83xN3DfF0qA/images/icons/48/modelcontextprotocol.io.png?fit=max&auto=format&n=hy16G83xN3DfF0qA&q=85&s=773d9ff8c886047c422dc6b5404231c9" alt="" noZoom className="uai-mcp-mark" loading="lazy" width="48" height="48" data-path="images/icons/48/modelcontextprotocol.io.png" /><span>MCP</span></a>
    </div>
  </div>
</div>

## Choose by use case

<p style={{margin:'1.5rem 0 0', fontWeight:600}}>Want the agent to follow a real process instead of winging it?</p>
<p style={{margin:'0.35rem 0 0'}}>→ <a href="#superpowers">Superpowers</a> is the lighter, skills-first method</p>
<p style={{margin:'0.15rem 0 0'}}>→ <a href="#ecc">ECC</a> preassembles the whole operating system for teams</p>
<p style={{margin:'0.15rem 0 0'}}>→ <a href="#grill-with-docs">Grill with Docs</a> covers just the requirements interview</p>
<p style={{margin:'1.5rem 0 0', fontWeight:600}}>Planning work bigger than one sitting?</p>
<p style={{margin:'0.35rem 0 0'}}>→ <a href="#feature-dev">Feature Dev</a> structures a single substantial feature</p>
<p style={{margin:'0.15rem 0 0'}}>→ <a href="#task-master">Task Master</a> keeps a task graph alive across sessions</p>
<p style={{margin:'0.15rem 0 0'}}>→ <a href="#ralph">Ralph</a> loops the agent through small verifiable chunks unattended</p>
<p style={{margin:'1.5rem 0 0', fontWeight:600}}>Tired of bloated, under-tested diffs?</p>
<p style={{margin:'0.35rem 0 0'}}>→ <a href="#tdd-by-matt-pocock">TDD</a> constrains code before it is written</p>
<p style={{margin:'0.15rem 0 0'}}>→ <a href="#ponytail">Ponytail</a> applies pressure while it is written</p>
<p style={{margin:'0.15rem 0 0'}}>→ <a href="#code-simplifier">Code Simplifier</a> cleans up after</p>
<p style={{margin:'0.15rem 0 0'}}>→ <a href="#improve-codebase-architecture">Improve Codebase Architecture</a> finds the refactor worth doing next</p>
<p style={{margin:'0.35rem 0 0', fontSize:'0.9rem', color:'#71717a'}}>They stack - start with one.</p>
<p style={{margin:'1.5rem 0 0', fontWeight:600}}>Building for Claude itself?</p>
<p style={{margin:'0.35rem 0 0'}}>→ <a href="#plugin-developer-toolkit">Plugin Developer Toolkit</a> for building Claude Code plugins</p>
<p style={{margin:'0.15rem 0 0'}}>→ <a href="#agent-sdk-dev">Agent SDK Dev</a> for apps on the Claude Agent SDK</p>
<p style={{margin:'1.5rem 0 0', fontWeight:600}}>Need review before merge?</p>
<p style={{margin:'0.35rem 0 0'}}>→ <a href="#code-review">Code Review</a> runs parallel reviewers and posts only higher-confidence findings</p>
<p style={{margin:'0.15rem 0 0'}}>→ <a href="#coderabbit">CodeRabbit</a> adds an independent engine on AI-written code</p>
<p style={{margin:'0.15rem 0 0'}}>→ <a href="#semgrep">Semgrep</a> covers security specifically</p>
<p style={{margin:'0.15rem 0 0'}}>→ <a href="#security-guidance">Security Guidance</a> layers Anthropic's own security review into editing and commits (Claude-only)</p>
<p style={{margin:'0.15rem 0 0'}}>→ <a href="#greptile">Greptile</a> and <a href="#sonarqube">SonarQube</a> pay off only if you already use those platforms</p>
<p style={{margin:'1.5rem 0 0', fontWeight:600}}>Agent lost in a big codebase?</p>
<p style={{margin:'0.35rem 0 0'}}>→ <a href="#serena">Serena</a> gives symbol-precise navigation</p>
<p style={{margin:'0.15rem 0 0'}}>→ <a href="#repomix">Repomix</a> packs the whole repo into context</p>
<p style={{margin:'0.15rem 0 0'}}>→ <a href="#gitnexus">GitNexus</a> maps call chains and change impact</p>
<p style={{margin:'0.15rem 0 0'}}>→ <a href="#sourcegraph">Sourcegraph</a> spans many repos at enterprise scale</p>
<p style={{margin:'0.15rem 0 0'}}>→ <a href="#deepwiki">DeepWiki</a> orients you in public repos</p>
<p style={{margin:'1.5rem 0 0', fontWeight:600}}>Type errors surfacing too late?</p>
<p style={{margin:'0.35rem 0 0'}}>→ <a href="#typescript-lsp">TypeScript LSP</a> or <a href="#pyright-lsp">Pyright LSP</a> - install what matches the codebase</p>
<p style={{margin:'1.5rem 0 0', fontWeight:600}}>Code written against stale APIs?</p>
<p style={{margin:'0.35rem 0 0'}}>→ <a href="#context7">Context7</a> for any library</p>
<p style={{margin:'0.15rem 0 0'}}>→ On a specific stack, prefer its own pack - <a href="#vercel">Vercel</a>, <a href="#expo">Expo</a>, <a href="#laravel-boost">Laravel Boost</a></p>
<p style={{margin:'1.5rem 0 0', fontWeight:600}}>Want proof the UI actually works?</p>
<p style={{margin:'0.35rem 0 0'}}>→ <a href="#chrome-devtools">Chrome DevTools</a> to debug and profile a live page</p>
<p style={{margin:'0.15rem 0 0'}}>→ <a href="#playwright">Playwright</a> to script flows and maintain end-to-end tests</p>
<p style={{margin:'0.35rem 0 0', fontSize:'0.9rem', color:'#71717a'}}>Most setups need one, not both.</p>
<p style={{margin:'1.5rem 0 0', fontWeight:600}}>Which platform connections are worth it?</p>
<p style={{margin:'0.35rem 0 0'}}>→ Dictated by your toolchain, not chosen: <a href="#github">GitHub</a>, <a href="#gitlab">GitLab</a>, <a href="#postman">Postman</a>, <a href="#supabase">Supabase</a>, <a href="#prisma">Prisma</a></p>

## Related categories

<CardGroup cols={3}>
  <Card title="Infrastructure" href="/plugins/infrastructure">Cloud platforms, deployments, infrastructure-as-code, and observability.</Card>
  <Card title="Setup & Memory" href="/plugins/setup-memory">Agent configuration, capability discovery, and persistent memory.</Card>
  <Card title="Design & UI" href="/plugins/design-ui">Visual taste, design systems, and frontend design work live there.</Card>
</CardGroup>
