MCP server · included with the bundles

Every template in your bundle, on call for your AI agent

You build from one template, but you own 18. Connect Claude Code, Cursor or Codex to the Native Templates MCP server and your agent can search all of them, pull the screen or component you need, and get a checklist for fitting it into your app.

CLAUDE.md knows one template. This knows all of them.

The rules file in each template teaches your agent that one codebase. The MCP server adds the rest of your bundle as a library it can read from, so you can ask for things like this:

Borrow a whole flow

“Add the checkout flow from Velora to this app. Use our existing Button and Header.”

Find the right starting point

“Which templates have an order tracking screen with a map? Show me how Foody builds it.”

Reuse a single piece

“I need a swipeable card stack. Is there one in the library, and what does it depend on?”

What your agent can do

Eight read-only tools. Your agent picks them itself; you just describe what you want in plain language.

Browse templates

See every template in your bundle and each one's screens and components.

Search

Find screens, components and patterns by what they do: checkout, order tracking, paywall.

Read a screen

Get a screen's source together with the components, packages and images it depends on.

Read a component

Get one template's version of a component, its props, and where it is identical elsewhere.

Read any file

Hooks, contexts, mock data, layouts and config, by path.

Check conventions

Read a template's rules, or ask which component it uses for a given UI need.

Compare themes

Colour tokens for light and dark mode, and the differences between two templates.

Porting checklist

What to copy, what your project already has, missing packages, import changes and tokens.

Set it up in 2 minutes

Nothing to install. You add one address and your license key to your AI tool.

1

Copy your license key

Open the customer portal, sign in with the email you purchased with, open your bundle and copy the NativeWind MCP key. Paste it here and the commands below are filled in for you.

The key stays in your browser. It is not sent or saved anywhere by this page.

2

Add the server to your tool

Your tool will not ask for the key: it has to be part of the command or config, as shown here. Paste your key above to fill it in.

Claude Code (run in your terminal)
claude mcp add --transport http native-templates https://www.native-templates.com/api/mcp \
  --header "Authorization: Bearer YOUR_LICENSE_KEY" --scope user
Cursor (~/.cursor/mcp.json)
{
  "mcpServers": {
    "native-templates": {
      "url": "https://www.native-templates.com/api/mcp",
      "headers": { "Authorization": "Bearer YOUR_LICENSE_KEY" }
    }
  }
}
Codex
# in your shell profile
export NATIVE_TEMPLATES_KEY="YOUR_LICENSE_KEY"

# in ~/.codex/config.toml
[mcp_servers.native-templates]
url = "https://www.native-templates.com/api/mcp"
bearer_token_env_var = "NATIVE_TEMPLATES_KEY"

Use the address exactly as shown, including www. Keep the key out of files you commit: add the server at user level rather than inside a project.

3

Ask for what you need

Restart your tool so it connects, then ask in plain language, for example: “Add the checkout flow from Velora to this app. Use our existing Button and Header.” The agent searches the library, reads what it needs and adapts it to your project.

It tells your agent how to fit the pieces together

Components with the same name are not always the same file in two templates. Before copying anything, the agent asks for a porting checklist. This is a real one, for moving a checkout screen from one template into another.

porting checklist
Porting velora app/screens/checkout.tsx into a project based on drivo

1. Files this needs (13):
   Copy from velora (not in drivo), dependencies first:
   - [component] components/Toggle.tsx (61 lines)
   - [screen] app/screens/checkout.tsx (727 lines)
   drivo has its own version of these, keep the project's file:
   components/Button.tsx, components/Header.tsx, components/forms/Input.tsx, ...
   Already identical in drivo: utils/BackHandlerManager.tsx

2. Packages:
   drivo already has every package these files use.

3. Imports:
   Rewrite @/app/contexts/... to @/contexts/... in every copied file.

4. Theme tokens:
   Used here but not defined in drivo: subtext.
   Add it (light and dark) or swap for an existing token.

5. Assets:
   Not served; replace with assets in the project:
   @/assets/img/delivery.png, @/assets/img/payment.png, ...

Which key comes with which bundle

There is one license key per product line. Each key opens the server for its own templates.

NativeWind Bundle
NativeWind MCP key
This server (18 NativeWind templates)
Uniwind Bundle
Uniwind MCP key
Mega Bundle
Both keys
Both servers
Single template
Not included
Upgrade to a bundle to get access

MCP server FAQ

Got questions? Please contact me on Email

It is a hosted server your AI coding tool connects to. It gives the agent a searchable library of the screens, components and conventions from all 18 React Native templates in the NativeWind Bundle, so it can reuse a screen from one template in the app you are building from another.

Buyers of the NativeWind Bundle and the Mega Bundle. Single-template purchases do not include a license key.

In the customer portal. Sign in with the email you purchased with, open your bundle purchase and copy the license key. You can also rotate the key there if it leaks.

The Mega Bundle comes with two keys, one per product line. Use the NativeWind key with this server and the Uniwind key with the Uniwind Templates server. You can add both servers to the same tool.

Claude Code, Cursor and Codex, and any other MCP client that can connect over HTTP and send an Authorization header.

No. Every tool is read-only and takes only template names, file paths and search words as input. Your project files stay on your machine; the agent decides what to write locally.

No. The server returns source code and conventions. Screens that reference images list them so the agent can substitute assets from your project.

Each license key can make up to 120 requests per minute, which is far more than a normal coding session uses. The key is for you and your team's own projects; do not share it publicly.

Check that you copied the whole key and that it is the key for this server, not the Uniwind one. If you rotated the key, update it in your tool. If it still fails, email me.

One payment. Every template.

The MCP server is included with both bundles. One payment, lifetime access, no subscription.

NativeWind Bundle

All current and future NativeWind templates for solo builders.

$119USD

One-time payment · Lifetime access

  • 18 React Native templates + 2 Next.js templates
  • All future templates included automatically
  • Built with Expo SDK, NativeWind v4, TypeScript
  • CLAUDE.md for every template
  • Cursor rules included
  • MCP server for Claude Code, Cursor & Codex
  • GitHub repository access
  • Commercial license
  • Use in unlimited projects
  • Lifetime updates
  • Email support
Get NativeWind Bundle
Best value

Mega Bundle

Every NativeWind and Uniwind template, in one payment.

$149USD

One-time payment · Lifetime access

  • Everything in NativeWind Bundle
  • All Uniwind templates included
  • All future Uniwind templates automatically
  • Two complete styling systems
  • CLAUDE.md for every template
  • Cursor rules included
  • MCP servers for both libraries (2 license keys)
  • GitHub repository access
  • Commercial license
  • Use in unlimited projects
  • Lifetime updates
  • Email support
Get Mega Bundle
VisaMastercardAmexApple PayGoogle Pay

Secure checkout via Polar