Stack guides / AI skills and MCP
Skills and rules teach your AI coding tool good habits (testing, planning, your framework’s best practices). MCP servers let it read your database, docs, browser and error logs.
34 options. Free tiers, catches and prices checked by hand on 2026-10-27; each one links to its sources.
Official skills; for web apps: frontend-design, webapp-testing (Playwright), web-artifacts-builder and mcp-builder (each Apache-2.0), plus skill-creator.
Best for: Better UI design and browser-tested web apps.
/plugin marketplace add anthropics/skills, then /plugin install example-skills@anthropic-agent-skillsFree and open source
Free
Checked 2026-10-27: github.com, github.com
Next.js ships version-matched docs in node_modules, writes AGENTS.md/CLAUDE.md, serves an MCP endpoint at /_next/mcp and publishes official skills.
Best for: Keeping agents on current Next.js APIs.
npx skills add vercel/next.js --skill next-dev-loopFree and open source
Free
Checked 2026-10-27: nextjs.org, github.com
Cross-agent installer and directory for SKILL.md packages; the install path Next.js, Supabase and Netlify document.
Best for: Installing the same skills into many agents.
npx skills add vercel-labs/agent-skills --skill web-design-guidelines -a claude-codeFree and open source
Free
Checked 2026-10-27: github.com
Installs Stripe’s skills and configures the Stripe MCP server so agents avoid outdated APIs.
Best for: Adding payments, billing or Checkout correctly.
npm install -g @stripe/cli@latest, then stripe agent setup (or: claude plugin install stripe@claude-plugins-official)Free and open source
Free
Checked 2026-10-27: docs.stripe.com, github.com
Official supabase skill (products, client libraries, auth, CLI, schema) and supabase-postgres-best-practices.
Best for: Apps built on Supabase.
npx skills add supabase/agent-skillsFree and open source
Free
Checked 2026-10-27: github.com
Workflow skills for brainstorming, writing plans, test-driven development, subagent-driven development and code review (v7.0.1, Oct 2026).
Best for: Making agents plan, test and review before shipping.
/plugin install superpowers@claude-plugins-officialFree and open source
Free
Checked 2026-10-27: github.com, github.com
Vercel-authored react-best-practices, composition-patterns, web-design-guidelines, react-native-guidelines and vercel-deploy-claimable skills; no official React-team skill found.
Best for: React and Next.js performance and UI review.
npx skills add vercel-labs/agent-skillsFree and open source
Free
Checked 2026-10-27: github.com
Plugins bundle skills, agents, hooks and MCP servers; the official claude-plugins-official marketplace is added automatically.
Best for: One-command vendor kits (Stripe, Figma, Superpowers).
/plugin install <plugin>@claude-plugins-official; other marketplaces: /plugin marketplace add <owner>/<repo>No free plan
Plugins are free; Claude Code needs a paid plan or API key
Checked 2026-10-27: code.claude.com, code.claude.com
Open 'README for agents’ format stewarded by the Agentic AI Foundation (Linux Foundation); used by 60k+ open-source projects.
Best for: One instruction file every coding agent reads.
Add an AGENTS.md file at the repository rootFree and open source
Free
Checked 2026-10-27: agents.md, github.com, code.claude.com
Community Cursor rules per framework in the .mdc Project Rules format; last commit 2026-05-30.
Best for: Starter rules for a specific stack.
Free and open source
Free
Checked 2026-10-27: github.com, github.com
Community catalog of Cursor plugins (rules, MCP servers, skills, agents, hooks); its source repo now sits in Cursor’s GitHub org.
Best for: Finding community rules and MCP servers for Cursor.
Free
Free
Checked 2026-10-27: github.com
Agile AI-driven planning and development framework; stable v6.12.4 (2026-10-14), v7 in preview as skills.
Best for: Larger projects that need product and architecture docs first.
npx bmad-method installFree and open source
Free
Checked 2026-10-27: github.com, github.com
Spec-driven workflow: /speckit-constitution, -specify, -plan, -tasks, -implement; 40+ agent integrations (v1.2.4, 2026-10-27).
Best for: Turning an idea into spec, plan and tasks before coding.
uv tool install specify-cli, then specify init my-project --integration copilot (Claude Code key: claude)Free and open source
Free
Checked 2026-10-27: github.com, github.github.io, github.com
Lightweight spec-driven development for 30+ AI tools (v1.15.0, 2026-10-24).
Best for: Adding specs to an existing codebase without heavy process.
npm install -g @fission-ai/openspec@latest, then openspec initFree and open source
Free
Checked 2026-10-27: github.com, github.com
Lets agents control and inspect a live Chrome browser through DevTools.
Best for: Debugging front-end behavior in a real browser.
/plugin marketplace add ChromeDevTools/chrome-devtools-mcp, then /plugin install chrome-devtools-mcp@chrome-devtools-pluginsFree and open source
Free
Checked 2026-10-27: github.com
Main Code Mode server (mcp.cloudflare.com/mcp) covers the whole Cloudflare API with search/execute tools; docs, containers and browser servers also exist.
Best for: Building on Workers, D1, R2 and KV.
/plugin marketplace add cloudflare/skills, then /plugin install cloudflare@cloudflareFree and open source
Free
Checked 2026-10-27: developers.cloudflare.com, github.com, github.com
Feeds agents up-to-date library documentation via MCP or CLI + skill.
Best for: Avoiding outdated framework APIs.
claude mcp add --scope user --header "Authorization: Bearer YOUR_API_KEY" --transport http context7 https://mcp.context7.com/mcp (or npx ctx7 setup)Free
Pro, per seat (2,000 calls, then $5 per 1,000)
Checked 2026-10-27: github.com, context7.com, context7.com
Gives agents design context from Figma files and can write to the canvas (free during beta).
Best for: Implementing Figma designs accurately.
claude plugin install figma@claude-plugins-official (or claude mcp add --transport http figma https://mcp.figma.com/mcp)Starter (View/Collab seats)
Professional Dev seat (200 calls/day, 10/min)
Checked 2026-10-27: developers.figma.com, developers.figma.com, developers.figma.com
GitHub’s official server (remote or Docker) for repos, issues and pull requests.
Best for: Letting agents open issues and PRs.
claude mcp add-json github '{"type":"http","url":"https://api.githubcopilot.com/mcp","headers":{"Authorization":"Bearer YOUR_GITHUB_PAT"}}'Free and open source
Free
Checked 2026-10-27: github.com, github.com
Hosted server for managing Neon Postgres from an agent; Neon advises development and testing use only.
Best for: Postgres work on Neon dev branches.
claude mcp add --transport http neon https://mcp.neon.tech/mcp --header "Authorization: Bearer <YOUR_NEON_API_KEY>" (OAuth: npx add-mcp https://mcp.neon.tech/mcp -a claude-code)Free and open source
Microsoft’s browser-automation server; its README now suggests Playwright CLI + skills as more token-efficient for coding agents.
Best for: Clicking through and testing your app’s UI.
claude mcp add playwright npx @playwright/mcp@latestFree and open source
Free
Checked 2026-10-27: github.com
Hosted server for querying PostHog product analytics; the old PostHog/mcp repo was archived 2026-01-19 and moved into the monorepo.
Best for: Checking product analytics from the agent.
claude mcp add --transport http posthog https://mcp.posthog.com/mcp -s user (or npx @posthog/wizard mcp add)Free and open source
Free
Checked 2026-10-27: posthog.com, posthog.com, github.com
Hosted OAuth server that lets agents read Sentry issues, errors and performance data.
Best for: Fixing production errors with real stack traces.
claude mcp add --transport http sentry https://mcp.sentry.dev/mcp/{organizationSlug}/{projectSlug}Developer (free)
Free
Checked 2026-10-27: mcp.sentry.dev, sentry.io, docs.lovable.dev
Lets agents browse, search and install components from shadcn registries.
Best for: Building UIs from real shadcn components.
pnpm dlx shadcn@latest mcp init --client claudeFree and open source
Free
Checked 2026-10-27: ui.shadcn.com, github.com
Hosted server for managing Supabase projects and running SQL; ?read_only=true and ?project_ref= narrow its access.
Best for: Schema and migration work on development projects.
claude mcp add --scope project --transport http supabase "https://mcp.supabase.com/mcp"Free and open source
Free
Checked 2026-10-27: supabase.com, github.com
Official OAuth server to search docs, manage projects and deployments, read logs and query Web Analytics.
Best for: Debugging failed deploys from the agent.
claude mcp add --transport http vercel https://mcp.vercel.com (then /mcp)Hobby (MCP on all plans)
Free
Checked 2026-10-27: vercel.com, vercel.com
Hosted read-write server for Linear issues and projects (OAuth 2.1 or API key).
Best for: Turning tickets into agent tasks.
claude mcp add --transport http linear-server https://mcp.linear.app/mcp (then /mcp)No free plan
Free
Checked 2026-10-27: linear.app, docs.lovable.dev
Official Netlify server (remote recommended, local fallback) plus Netlify agent skills.
Best for: Deploying apps to Netlify from the agent.
claude mcp add --transport http netlify https://netlify-mcp.netlify.app/mcpNo free plan
Free
Checked 2026-10-27: docs.netlify.com, docs.netlify.com
Hosted server for Stripe API reads/writes and docs search; refunds and outbound payments need human approval.
Best for: Setting up products, prices and test payments.
claude mcp add --transport http stripe https://mcp.stripe.com/ (then /mcp to sign in)No free plan
Free
Checked 2026-10-27: docs.stripe.com
Tell Claude what it can’t see, give it a check to run, keep CLAUDE.md short and enforce must-hold rules with hooks.
Best for: Setting up a repo for reliable agent work.
Free to read
Free
Checked 2026-10-27: code.claude.com
Plan the app and first prompt, use Enhance prompt, and make small one-at-a-time changes.
Best for: Spending fewer Bolt tokens per iteration.
Free to read
Free
Checked 2026-10-27: support.bolt.new
Project rules (.cursor/rules, .mdc; plain .md ignored), User, Team and AGENTS.md rules; keep each under 500 lines.
Best for: Writing durable Cursor rules.
Free to read
Free
Checked 2026-10-27: cursor.com
Plan the product and key user action first, build UI one component at a time, use real copy and style keywords, ask questions in Plan mode.
Best for: First-time Lovable users.
Free to read
Free
Checked 2026-10-27: docs.lovable.dev
Describe the product surface, context of use, and constraints and taste (2025-12-15); the Academy guide adds patterns and starter prompts.
Best for: Getting usable v0 output on the first try.
Free to read
Free
Checked 2026-10-27: vercel.com, vercel.com
Not sure what you need? Describe your app and the Build Kit picks a whole free stack, with starters and a plan.