AI & Agents
Plugins, skills, MCP servers and directories that extend what AI coding agents can do.
These resources let AI coding agents design, build, verify and reach external services. Machine-access and compatibility signals matter most here: some install natively, some need a key or setup, and some are directories meant for humans. This is the most workflow-specific category — useful if you build with AI assistance, skippable if you don’t.
16 resources.
16 of 16
-
21st MCP (formerly Magic MCP)
MCP server
Search 10k+ shadcn-style components, generate UI, install into project.
Best for Extending what AI coding agents can do inside a project.
- Verified Sep 2026
- Maintenance: Active
More
Why it's here Makes a large component marketplace directly reachable by AI coding agents.
- Freemium
- npm
- API
- CLI
- npm
- API
- CLI
- Connects to AI agents
-
Canva MCP
MCP server
Search/create Canva designs from Claude.
Best for Extending what AI coding agents can do inside a project.
- Verified Sep 2026
More
Why it's here Official. Useful for social/collateral, not for site UI.
Less suited to Useful for social/collateral, not for site UI.
- Freemium
- MCP
- API
- CLI
- MCP
- API
- CLI
- Connects to AI agents
-
Chrome DevTools MCP
MCP server
Console, network, DOM, performance traces, device emulation.
Best for Extending what AI coding agents can do inside a project.
- Verified Sep 2026
- Maintenance: Active
More
Why it's here Google-maintained, . Pair with Playwright: Playwright tests, DevTools explains WHY.
- Open Source
- Open source
- MCP
- CLI
- MCP
- CLI
- Installs for AI agents
-
Cloudflare MCP
MCP server
Workers, R2, DNS, Images.
Best for Extending what AI coding agents can do inside a project.
- Verified Sep 2026
- Maintenance: Active
More
- Open Source
- Open source
- API
- API
- Connects to AI agents
-
Context7
MCP server
Live, version-accurate documentation for libraries, delivered to AI coding agents so generated code matches current APIs.
Best for Keeping AI-generated code aligned with the current version of fast-moving libraries.
- Verified Sep 2026
- Maintenance: Active
More
Why it's here Directly attacks one of the most common failure modes in AI-assisted builds: code written against outdated API signatures.
Less suited to Situations where you need a human-browsable docs site rather than machine-delivered context.
- Freemium
- MCP
- CLI
- MCP
- CLI
- Installs for AI agents
-
Exa MCP
MCP server
Semantic web search + page fetch for agents.
Best for Extending what AI coding agents can do inside a project.
- Verified Sep 2026
- Maintenance: Active
More
Why it's here Firecrawl is better for full-site crawls, Exa for finding sources.
- Usage-based
- MCP
- API
- CLI
- MCP
- API
- CLI
- Connects to AI agents
-
Figma MCP (official)
MCP server
Read frames, variables, tokens, layout from Figma.
Best for Extending what AI coding agents can do inside a project.
- Verified Sep 2026
More
Why it's here Official; Read-only — cannot write to canvas (that's Pencil's job).
- Paid
- MCP
- API
- CLI
- MCP
- API
- CLI
- Connects to AI agents
-
Firecrawl MCP
MCP server
Crawl any site → clean markdown (client's old site, competitors, inspiration).
Best for Extending what AI coding agents can do inside a project.
- Verified Sep 2026
- Maintenance: Active
More
Why it's here Very active. Best tool for 'read the client's current site before redesigning it'.
- Freemium
- MCP
- API
- CLI
- MCP
- API
- CLI
- Connects to AI agents
-
GitHub MCP (official)
MCP server
Issues, PRs, Actions, code search.
Best for Extending what AI coding agents can do inside a project.
- Verified Sep 2026
- Maintenance: Active
More
- Open Source
- Open source
- MCP
- API
- CLI
- MCP
- API
- CLI
- Connects to AI agents
-
Playwright MCP
MCP server
Browser-automation server that lets AI coding agents drive, inspect and screenshot a real browser.
Best for Letting an agent verify its own UI work — navigating, screenshotting and testing across viewports.
- Verified Sep 2026
- Maintenance: Active
More
Why it's here Turns "build it" into "build it and check it," which is the difference between plausible and verified front-end output.
Less suited to Teams wanting a purely visual, no-code testing tool.
- Open Source
- Open source
- MCP
- CLI
- MCP
- CLI
- Installs for AI agents
-
Recraft MCP
MCP server
Generate_image, vectorize, remove_background, upscale via Recraft API.
Best for Extending what AI coding agents can do inside a project.
- Verified Sep 2026
- Maintenance: Active
More
Why it's here Official but only . Strong idea (brand-consistent SVG illustration from AI coding agents) — test on one project first.
- Usage-based
- MCP
- API
- CLI
- MCP
- API
- CLI
- Connects to AI agents
-
shadcn MCP (official CLI)
MCP server
Official shadcn MCP: browse/install registry items incl. third-party registries.
Best for Extending what AI coding agents can do inside a project.
- Verified Sep 2026
- Maintenance: Active
More
Why it's here Official; supersedes the two community shadcn MCPs below.
- Open Source
- Open source
- MCP
- npm
- CLI
- MCP
- npm
- CLI
- Installs for AI agents
-
Spline MCP
MCP server
Claude drives the Spline desktop editor.
Best for Extending what AI coding agents can do inside a project.
- Verified Sep 2026
More
Why it's here Only Spline itself can confirm current state; treat as experimental until you've tried it.
- Freemium
- MCP
- Desktop
- MCP
- Desktop app
-
Storybook MCP
MCP server
Lets Claude read your existing stories/components.
Best for Extending what AI coding agents can do inside a project.
- Verified Sep 2026
- Maintenance: Active
More
- Open Source
- Open source
- Web
- Installs for AI agents
-
Supabase MCP
MCP server
DB, auth, storage from Claude.
Best for Extending what AI coding agents can do inside a project.
- Verified Sep 2026
- Maintenance: Active
More
Why it's here Only for sites needing a backend (forms, bookings). Use read-only mode on client production data.
- Free
- MCP
- API
- CLI
- MCP
- API
- CLI
- Connects to AI agents
-
Vercel MCP (official)
MCP server
Deployments, build logs, domains, env vars.
Best for Extending what AI coding agents can do inside a project.
- Verified Sep 2026
More
Why it's here A high-leverage integration for projects deployed on Vercel, giving AI agents access to deployments and logs.
Less suited to Projects hosted outside the Vercel platform.
- Free
- MCP
- API
- CLI
- MCP
- API
- CLI
- Connects to AI agents
No resources match these filters. Clearing a filter usually widens the results.
Compare tools for a job
Compare tools for browser testing and qa 2 options
| Option | Maintenance | Cost | Access |
|---|---|---|---|
| Playwright MCP | Microsoft | Free | Installs automatically |
| Chrome DevTools MCP | Free | Installs automatically |
Compare tools for installing components through an ai agent 2 options
| Option | Maintenance | Cost | Access |
|---|---|---|---|
| shadcn MCP (official) | Official | Free | Installs automatically |
| 21st MCP | Active | Free tier + key | Installs automatically, needs an API key |