How It Works
1
Developer enters a prompt
“Build a dashboard that shows my recent orders and account balance”
2
AI generates the app
Complete code with UI, API integration, error handling, and authentication.
3
Live playground opens
Developer can run, edit, and experiment with the code immediately.
Key Features
Natural Language Input
Developers describe what they want in plain English—no need to read docs
first.
Complete Applications
Generated apps include UI, API calls, error handling, and proper
authentication.
Multiple Frameworks
Support for React, Next.js, Vue, Python, Node.js, and more.
Instant Preview
Apps run immediately in a live playground environment.
Supported Frameworks
| Framework | Description |
|---|---|
| React | Modern React with hooks and functional components |
| Next.js | Full-stack with API routes and SSR |
| Vue | Vue 3 with Composition API |
| Python | Flask, FastAPI, or standalone scripts |
| Node.js | Express, Fastify, or CLI tools |
Setting Up Prompt to App
1
Connect your API
Upload your OpenAPI spec or configure your API manually in the dashboard.
2
Configure the playground
Set default framework, styling preferences, and authentication options.
3
Get your embed code
Copy the embed code from Prompt to App → Embed.
4
Add to your docs
Paste the iframe into your documentation.
Embedding the Playground
Add the Prompt to App playground to your documentation in 7 lines of code:- Documentation platforms: Mintlify, Fern, Astro Starlight, ReadMe, GitBook
- Websites: Any existing website or developer portal
- Post-login experiences: API portals, dashboards, onboarding flows