From zero to AI hero
Superpowers PackGet superpowers
From zero to AI hero

Must-haves for…

Start in 10 minutes

Plain-word guides and superpowers for Claude Code, Codex and Gemini.

Free Free catalog: tested by us, made by others

All add-ons

Add-ons give your assistant new abilities: skills teach it a job, agents are helpers it can hand work to, and connectors link it to other programs. Every add-on here was installed on a clean test system first.

The tabs filter the list below for that kind of work.

Skills, Agents and Connectors Explained

Start here: must-haves for people who build an app

Most useful first. Install the first one, try it, then add more.

Start with this one

  1. RecommendedskillInstalls cleanly

    Plan, test and check its own work

    Superpowers

    Makes the assistant ask questions, plan, test and check its own work.

    Test: installs cleanly and works without an account. Not yet used on real work.

    EveryoneWatch outIt changes how the agent works. It asks many questions and may start helper agents, which uses more of your usage limit.

    For Claude Code Also works with Codex CLI and Gemini CLI — see all steps
    Type this inside Claude Code
    /plugin install superpowers@claude-plugins-official
    Other ways to install, and how we tested it

  1. Current docs for code libraries

    Context7

    Gives your assistant the current docs for code libraries, so it stops using old commands.

    RecommendedconnectorPartly tested (needs an account)
    Install line
    Paste this in the terminal
    npx ctx7 setup

    For any assistant. All steps and how we tested it

  2. Pick colours, fonts and layouts

    UI/UX Pro Max

    Helps the assistant choose colours, fonts and layouts that look good.

    RecommendedskillPartly tested (needs an account)
    Install: step 1 of 2
    Step 1 of 2 · Type this inside Claude Code
    /plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill

    For Claude Code. All steps and how we tested it

  3. Save the plan of long tasks

    Planning with Files

    Keeps the plan and progress of a long task in notes, so the assistant does not lose its place.

    RecommendedskillInstalls cleanly
    Install line
    Paste this in the terminal
    npx skills add OthmanAdi/planning-with-files --skill planning-with-files -g

    For any assistant. All steps and how we tested it

  4. Control a browser

    Playwright MCP

    Lets your assistant open web pages and click and type like you do.

    RecommendedconnectorPartly tested (needs an account)
    Install line
    Paste this in the terminal
    claude mcp add playwright npx @playwright/mcp@latest

    For Claude Code. All steps and how we tested it

13 add-ons match your filters

13 add-ons match your filters.

  • Plan, test and check its own work

    Superpowers

    Makes the assistant ask questions, plan, test and check its own work.

    RecommendedskillInstalls cleanly
    Install line
    Type this inside Claude Code
    /plugin install superpowers@claude-plugins-official

    For Claude Code. All steps and how we tested it

  • Current docs for code libraries

    Context7

    Gives your assistant the current docs for code libraries, so it stops using old commands.

    RecommendedconnectorPartly tested (needs an account)
    Install line
    Paste this in the terminal
    npx ctx7 setup

    For any assistant. All steps and how we tested it

  • Pick colours, fonts and layouts

    UI/UX Pro Max

    Helps the assistant choose colours, fonts and layouts that look good.

    RecommendedskillPartly tested (needs an account)
    Install: step 1 of 2
    Step 1 of 2 · Type this inside Claude Code
    /plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill

    For Claude Code. All steps and how we tested it

  • Save the plan of long tasks

    Planning with Files

    Keeps the plan and progress of a long task in notes, so the assistant does not lose its place.

    RecommendedskillInstalls cleanly
    Install line
    Paste this in the terminal
    npx skills add OthmanAdi/planning-with-files --skill planning-with-files -g

    For any assistant. All steps and how we tested it

  • Control a browser

    Playwright MCP

    Lets your assistant open web pages and click and type like you do.

    RecommendedconnectorPartly tested (needs an account)
    Install line
    Paste this in the terminal
    claude mcp add playwright npx @playwright/mcp@latest

    For Claude Code. All steps and how we tested it

  • Plan and review code changes

    Feature Dev plugin (Anthropic)

    Three helpers that look at your code, plan a change and check it before you accept it.

    agentInstalls cleanly
    Install line
    Type this inside Claude Code
    /plugin install feature-dev@claude-plugins-official

    For Claude Code. All steps and how we tested it

  • Design a safe database

    pg-aiguide

    Helps the assistant design a safe, tidy database for your app.

    skillInstalls cleanly
    Install: step 1 of 2
    Step 1 of 2 · Paste this in the terminal
    claude plugin marketplace add timescale/pg-aiguide

    For Claude Code. All steps and how we tested it

  • Build phone apps

    Expo Skills

    Helps the assistant build phone apps.

    skillPartly tested (needs an account)
    Install line
    Paste this in the terminal
    claude plugin install expo@claude-plugins-official

    For Claude Code. All steps and how we tested it

  • Reviewers for code changes

    PR Review Toolkit (Anthropic)

    Six reviewers that check a change for missing tests, hidden errors and unclear code.

    agentInstalls cleanly
    Install line
    Type this inside Claude Code
    /plugin install pr-review-toolkit@claude-plugins-official

    For Claude Code. All steps and how we tested it

  • Check your site in Chrome

    Chrome DevTools MCP

    Lets your assistant open your site in Chrome, read its errors and check its speed.

    connectorPartly tested (needs an account)
    Install line
    Paste this in the terminal
    claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latest

    For Claude Code. All steps and how we tested it

  • Look up Cloudflare docs

    Cloudflare MCP servers

    Lets your assistant look up Cloudflare’s own docs instead of guessing.

    connectorPartly tested (needs an account)
    Install line
    Paste this in the terminal
    claude mcp add --transport http cloudflare-docs https://docs.mcp.cloudflare.com/mcp

    For Claude Code. All steps and how we tested it

  • Add payments with Stripe

    Stripe AI Toolkit

    Stripe's official plugin with skills and tools that help an agent add payments, check out pages and billing to an app.

    skillPartly tested (needs an account)
    Install line
    Paste this in the terminal
    claude plugin install stripe@claude-plugins-official

    For Claude Code. All steps and how we tested it

  • Design n8n automations

    n8n-MCP

    Helps your assistant design n8n automations from the real node docs.

    connectorPartly tested (needs an account)
    Install line
    Paste this in the terminal
    npx n8n-mcp

    For any assistant. All steps and how we tested it

Every must-have for people who build an app: skills, agents and connectors