Vibe Coding
How to Vibe Code using the knowledge of the Superwall Docs
Overview
We've built a few tools to help you Vibe Code using the knowledge of the Superwall Docs, access your Superwall account, and more right in your favorite AI tools:
- Superwall Skill (Recommended): Gives AI agents live docs, API access, and step-by-step SDK integration guides. If you're unsure which tool to use, pick this one.
- Superwall MCP: Expose your Superwall account (projects, paywalls, campaigns) to work with AI tools.
And right here in the Superwall Docs:
Superwall Skill (Recommended)
The Superwall Skill is the best way to give AI coding agents full context on Superwall. It bundles live documentation, API access, dashboard links, and guided SDK integration flows for every platform, all in one install. If you're unsure which tool to use, pick this one.
npx skills add superwall/skillsOnce installed, your agent can look up any Superwall doc on demand, call the API to inspect your projects and applications, and walk through a complete SDK integration step by step. It supports iOS, Android, Flutter, and Expo out of the box with platform-specific quickstart skills.
If you're only going to set up one tool, this is the one to use. See the full Superwall Skill guide for details.
Superwall MCP
The Superwall MCP connects AI tools to your Superwall account, letting agents create and manage projects, paywalls, campaigns, products, entitlements, and webhooks directly. Instead of switching to the dashboard, your AI assistant can set everything up for you.
If you also want live docs access and guided SDK integration help, use the Superwall Skill. The MCP is focused on account and resource management.
See the full Superwall MCP guide for installation, a step-by-step quick setup, and the complete tool reference.
Superwall AI
Superwall AI is available in the bottom right 💬 and is a great place to start if you have a question or issue.
Docs Links
At the top of each page of the Superwall Docs (including this one!):
- Copy Markdown: to copy the page in Markdown format.
Also in the Open dropdown menu, you can access these options:
- View as Markdown: to view the page in Markdown format
- Open in ChatGPT, Open in Claude: to open the page in the respective AI tool and add the page as context for your conversation
LLMs.txt
The Superwall Docs website has llms.txt and llms-full.txt files, in total and for each SDK, that you can use to add context to your LLMs.
llms.txt is a summary of the docs with links to each page.
llms-full.txt is the full text of all of the docs.
| SDK | Summary | Full Text |
|---|---|---|
| All | llms.txt | llms-full.txt |
| Dashboard | llms-dashboard.txt | llms-full-dashboard.txt |
| iOS | llms-ios.txt | llms-full-ios.txt |
| Android | llms-android.txt | llms-full-android.txt |
| Flutter | llms-flutter.txt | llms-full-flutter.txt |
| Expo | llms-expo.txt | llms-full-expo.txt |
| React Native (Deprecated) | llms-react-native.txt | llms-full-react-native.txt |
| Integrations | llms-integrations.txt | llms-full-integrations.txt |
| Web Checkout | llms-web-checkout.txt | llms-full-web-checkout.txt |
To minimize token use, we recommend using the files specific to your SDK.
How is this guide?