To connect Claude to AppNatively, add https://appnatively.com/mcp as a custom connector under Customize → Connectors, then sign in to AppNatively and approve. Claude can then build your app’s pages when you ask. It works in Claude on the web, desktop and mobile, and in Claude Code from the terminal.
Note: Claude renames its menus from time to time. If a step doesn’t match what you see, look for where Claude adds a custom connector by URL – the AppNatively part is always the same.
How to connect Claude (web, desktop and mobile)
1. Open Connectors
In Claude, go to Customize → Connectors. Set it up on the web or desktop app; once added, the connector also works in Claude’s mobile apps.
2. Add a custom connector
Click +, then Add custom connector. Paste https://appnatively.com/mcp as the URL and click Add. Leave Advanced settings empty – AppNatively doesn’t need a client ID or secret.
3. Connect and approve
Click Connect on the new connector. Claude opens AppNatively’s sign-in page – sign in and click Approve.
4. Turn it on in a chat
In a conversation, click + at the bottom left, choose Connectors, and switch on AppNatively. Then try: “List my AppNatively apps.”
Claude on Team and Enterprise plans
An organization owner adds the connector first: Organization settings → Connectors, click Add, choose Custom → Web, paste the URL and click Add. Each member then goes to Customize → Connectors, finds AppNatively and clicks Connect to sign in with their own AppNatively account.
How to connect Claude Code
Run this in your terminal:
1claude mcp add --transport http appnatively https://appnatively.com/mcpThen type /mcp inside Claude Code, choose appnatively, and sign in to AppNatively in the browser window that opens.
Next step
Claude is connected. Now design your app with AI, or grab an example from Write prompts that get the screen you want.