← Starter kits
Starter kit · 8 steps · 0 adopted

A mobile app

On a small screen every tap counts. Explore screens and flows in Claude Design before building them in Claude Code.

Expo, React Native or Swift apps. Paste the prompt below into Claude Code in your project folder: it sets up version history, keeps your keys out of commits, writes a short guide for Claude, adds a check it runs before saying anything is done, and installs the foundation and this kit for this project only.

Paste this into Claude Code

Paste into Claude Code
You are setting up this folder for a mobile app, for someone who is new to building with Claude Code. Work through the steps in order. Explain each one in a sentence of plain English as you go, with no jargon. Ask before anything that installs software or changes files outside this folder.

1. **Check this computer.** Run `git --version`. If git is missing, tell me how to install it and wait. This kit also needs: Node.js, for Expo, the check and Day 1; Python 3, for the design plugin's search. Check for each, and if one is missing, tell me in plain words what will not work until it is installed and where to get it, then carry on with the rest.
2. **Understand the project.** Ask me my first name. Then, if the folder is empty, ask in one question what I want to build and who it is for, and wait for my answer. If there is code, read it and tell me in two sentences what you found.
3. **Version history.** If this is not a git repository, run `git init` and explain that it lets us undo any change. If git has no name and email set (check with `git config user.email`), ask me for them and set them for this project only with `git config user.name` and `git config user.email`.
4. **Keep secrets out.** Add a `.gitignore` that covers `.env` and `.env.*` (but keeps `.env.example`), `node_modules/` and build output (`.expo/`, `dist/`, `ios/build/`, `android/build/`). Create `.claude/settings.json` with permissions that deny reading them: `"deny": ["Read(./.env)", "Read(./.env.*)", "Read(./**/.env)", "Read(./**/.env.*)"]`, so keys never reach a prompt or a commit.
5. **Write `CLAUDE.md`.** Keep it under 40 lines: what the project is and who it is for, how to run or build it, the one command that checks it works (below), and any rule you would otherwise get wrong. Leave out anything you could work out from the code. Put this line first: "Call me <my first name> in every reply." If you ever stop doing that, the conversation has grown too long to keep track of, and I should start a new one.
6. **A check you can run.** `npx expo-doctor` plus the TypeScript check (`npx tsc --noEmit`), and opening the app in Expo Go on your phone after each change. If there is no code yet, write the planned check in `CLAUDE.md` marked "set up when the first code lands", and set it up then. Once it exists, allow it in `.claude/settings.json` (for example `"allow": ["Bash(npm run build)"]`) and run it before saying anything is done.
7. **Install the tools**, for this project only. First show me the list below and ask for one yes. Then run each line on its own (a line can chain a few commands), one after another, waiting for each to finish, never in parallel. Skills copied in with git are pinned to the version that was safety-checked; plugins install their current version. Claude Code may ask you to approve each one; if it refuses a line, tell me and show me the line so I can run it myself in a terminal.
   The foundation, for every project:
   - `claude plugin marketplace add https://github.com/multica-ai/andrej-karpathy-skills.git --scope project && claude plugin install andrej-karpathy-skills@karpathy-skills --scope project`: Coding habits from Andrej Karpathy: think before coding, keep changes small and simple, check your work.
   - `claude plugin marketplace add https://github.com/anthropics/claude-plugins-official.git --scope project && claude plugin install claude-md-management@claude-plugins-official --scope project`: Keeps `CLAUDE.md` short and current, and saves what Claude learns each session.
   This kit:
   - `claude plugin marketplace add https://github.com/anthropics/claude-plugins-official.git --scope project && claude plugin install expo@claude-plugins-official --scope project`: Expo's official skills: build, upgrade and publish an app without touching Xcode at first.
   - `d=$(mktemp -d) && git -C "$d" init -q && git -C "$d" fetch -q --depth 1 https://github.com/vercel-labs/agent-skills.git 063bee94c3f4df8453406c830b0a7df0f2860278 && git -C "$d" checkout -q FETCH_HEAD && mkdir -p .claude/skills && cp -R "$d/skills/react-native-skills" .claude/skills/vercel-react-native-skills && rm -rf "$d"`: React Native best practices so screens, lists and animations feel native.
   - `claude plugin marketplace add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill.git --scope project && claude plugin install ui-ux-pro-max@ui-ux-pro-max-skill --scope project`: A design brain for screens: styles, palettes, fonts and UX rules. Its search needs Python 3.
   If a `claude plugin` line says the `claude` command is not found (usual in the Claude desktop app), don't run the other `claude plugin` lines or hunt for the command, but still run every other line. Instead, with the same yes, add these entries to `.claude/settings.json`, keeping everything already there and leaving out any plugin we agreed to skip:
   ```json
   {
     "enabledPlugins": {
       "andrej-karpathy-skills@karpathy-skills": true,
       "claude-md-management@claude-plugins-official": true,
       "expo@claude-plugins-official": true,
       "ui-ux-pro-max@ui-ux-pro-max-skill": true
     },
     "extraKnownMarketplaces": {
       "karpathy-skills": {
         "source": {
           "source": "git",
           "url": "https://github.com/multica-ai/andrej-karpathy-skills.git"
         }
       },
       "claude-plugins-official": {
         "source": {
           "source": "git",
           "url": "https://github.com/anthropics/claude-plugins-official.git"
         }
       },
       "ui-ux-pro-max-skill": {
         "source": {
           "source": "git",
           "url": "https://github.com/nextlevelbuilder/ui-ux-pro-max-skill.git"
         }
       }
     }
   }
   ```
   Then, in step 9, tell me which plugins are switched on but not installed yet, and that I install each from the **+** button → **Plugins** in a new session in this folder (or run its line in a terminal where Claude Code is installed).
   If a line fails for any other reason, say why in one line and carry on with the rest. Never install anything that is not on this list. Plugins switch on in the next session: tell me to start a new one in this folder (in a terminal, restart Claude Code), trust the folder if asked, install any that are switched on but not installed yet, and check they are all listed under `/plugin` or the **+** button → **Plugins**.
8. **Commit** everything with the message "Set up with the Vishwaclaudema starter kit". Tell me the copied skills are included, so cloud sessions get them too. Never commit a `.env` file or anything that looks like a key.
9. **Hand over.** In at most ten lines, tell me what you set up and why it matters, including why you will call me by name, and how to finish installing any plugin that is switched on but not installed yet. Then give me this first-week plan, in my own project's terms:
   - Day 1: create the app with Expo and open it on your phone with Expo Go.
   - Day 2: sketch the three screens that matter most; build the first one.
   - Day 3: build the other two and connect them.
   - Day 4: ask Claude to review the screens for size, spacing and touch targets on a small phone.
   - Day 5: share a test build with one person (Expo can do this without the App Store).
   Finish with: "Tell me what you want to build first, and I'll plan it with you before writing any code."
Prompt tested 8 Oct 2026: passed on run 3
How it was tested

A fresh Claude agent pasted the prompt into an empty folder and followed it to the letter, as in the Claude desktop app, where the claude command isn't available, on a computer without Node.js. Without the claude command, plugins are switched on in settings for you to install from + → Plugins in a new session (that last click wasn't tested); the pinned React Native skill was copied in and all four plugins switched on in settings.

Tested 5 Oct 2026: 5/5 installs worked on a fresh Claude Code · adds about 4,050 tokens to every session

What the prompt installs, and why

  1. plugin

    expo ↗

    Expo's official skills: build, upgrade and publish an app without touching Xcode at first.

    official marketplaceSafety-scanned 5 Oct 2026 at cd75214 · reviewed: safe with caveats

    Expo's official plugin. It can run Expo build and publish commands and use paid Expo cloud services without asking each time, so read what Claude proposes before approving anything that publishes, starts a cloud simulator or says "production".

    Works in: Chat (part) · Cowork · Claude Codeclaude plugin marketplace add https://github.com/anthropics/claude-plugins-official.git --scope project && claude plugin install expo@claude-plugins-official --scope project
  2. skill

    vercel-react-native-skills ↗

    React Native best practices so screens, lists and animations feel native.

    234.1k installs · by the vendorSafety-scanned 5 Oct 2026 at 063bee9 · scan cleanWorks in: Chat · Cowork · Claude Coded=$(mktemp -d) && git -C "$d" init -q && git -C "$d" fetch -q --depth 1 https://github.com/vercel-labs/agent-skills.git 063bee94c3f4df8453406c830b0a7df0f2860278 && git -C "$d" checkout -q FETCH_HEAD && mkdir -p .claude/skills && cp -R "$d/skills/react-native-skills" .claude/skills/vercel-react-native-skills && rm -rf "$d"
  3. plugin

    ui-ux-pro-max ↗

    A design brain for screens: styles, palettes, fonts and UX rules. Its search needs Python 3.

    Safety-scanned 5 Oct 2026 at 477bcb2 · reviewed: safe with caveats

    Adds seven design helpers (about 700 tokens per session) that only run when you ask for design work. The main one works fully offline; its logo and icon tools send prompts to paid AI services only if you give them an API key. Its search needs Python 3.

    Works in: Chat (part) · Cowork · Claude Codeclaude plugin marketplace add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill.git --scope project && claude plugin install ui-ux-pro-max@ui-ux-pro-max-skill --scope project
Plus the foundation →

How you will know it works

npx expo-doctor plus the TypeScript check (npx tsc --noEmit), and opening the app in Expo Go on your phone after each change.

Add-on packs

Find more tools →

Your first week

  1. Day 1

    create the app with Expo and open it on your phone with Expo Go.

  2. Day 2

    sketch the three screens that matter most; build the first one.

  3. Day 3

    build the other two and connect them.

  4. Day 4

    ask Claude to review the screens for size, spacing and touch targets on a small phone.

  5. Day 5

    share a test build with one person (Expo can do this without the App Store).

Pro tools 2 more powerful tools · never installed by the prompt

For when you know what you are doing. Each one was reviewed; read its warning and set what it says before you install it.

  1. plugin

    claude-mem ↗

    Memory across sessions: Claude remembers what happened last time.

    96.9k starsSafety-scanned 5 Oct 2026 at 57744a0 · reviewed: safe with caveats

    Set CLAUDE_MEM_REDACT_ENABLED=true and CLAUDE_MEM_TELEMETRY=0; delete ~/.claude-mem to forget everything.

    Works in: Chat (part) · Cowork · Claude Codeclaude plugin marketplace add https://github.com/thedotmack/claude-mem.git --scope project && claude plugin install claude-mem@thedotmack --scope project
  2. plugin

    octo ↗

    Second opinions: runs other AI models against the same design, research or code.

    Safety-scanned 5 Oct 2026 at df134e7 · reviewed: safe with caveats

    Set OCTOPUS_MAX_COST_USD, use read-only providers, and keep .env files out of any folder it copies.

    Works in: Chat (part) · Cowork (part) · Claude Codeclaude plugin marketplace add https://github.com/nyldn/claude-octopus.git --scope project && claude plugin install octo@nyldn-plugins --scope project