Must-haves · Build an app

Must-haves for people who build an app

For building your own app by describing it in plain words. These add-ons make the assistant plan before it writes code, use current docs and check that the app works.

Most useful first. Start with one, try it, then add the next.

What do you want to do?

Pick a task. Each page lists the free add-ons we tested for it, in order, and what the Superpowers Pack will add for people who build an app.

Skills

  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. 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

  2. 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

  3. 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

  4. 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

All skills

Agents

  1. 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

  2. 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

All agents

Connectors (MCP servers)

  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. 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

  3. 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

  4. 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

All connectors

Superpowers Pack · early access

The Build-an-App Superpowers Pack

Everything on this page is free to install by hand. The Superpowers Pack is our paid product: one command with your licence key superpowers and configures your AI: rules, safe settings and ready skills, plus premium superpowers for this kind of work.

Premium superpowers: Safety net (auto-backups and blocks risky commands) · First deploy · Database safety check.

Help included: if the install does not work or you get stuck, email us and a person helps you. Prices include VAT.

Get early access