App Builder
App Builder: Getting Started
App Builder: Getting Started - Opulent documentation
App Builder: Getting Started
Build full-stack applications through conversation — research, design, code, deploy, and iterate in one place
The All-in-One Development Workflow
Opulent transforms application development from a fragmented, multi-tool process into a single conversational workflow. Research your users, generate code, see a live preview, deploy to production, and iterate — all without leaving the platform or writing a single line of code yourself.
With Opulent App Builder, you can execute the entire value chain of application development in one place:
- Research & Plan — Describe what you want to build; Opulent proposes a technical approach
- Build — Agent scaffolds and implements the full application in a persistent workspace
- Preview — Live browser preview renders as the app is built
- Deploy — One command to publish to a real URL
- Iterate — Describe changes in plain English; the preview updates immediately
- Connect — Add third-party integrations, payments, auth, and analytics in conversation
Your First App in Minutes
Step 1: Describe What You Want
Tell Opulent what to build. The more specific, the better the initial result.
"Build a modern SaaS landing page with:
- Hero section with a signup form
- Features grid (3 columns)
- Pricing table with 3 tiers
- Customer testimonials section
- Footer with links""Build an internal tool for our ops team to manage vendor contracts.
Fields: vendor name, contract value, start/end dates, owner, status.
Needs login. Deployable to Vercel."Step 2: Review the Plan
Opulent analyzes your request and presents a development plan: tech stack, file structure, key components, and any assumptions. Review it, request adjustments, then approve.
Step 3: Watch Opulent Build
Once approved, the agent builds in real time. The Browser panel shows a live, interactive preview from the first line of code. You see the application render and update as each component is added.
Step 4: Iterate with Natural Language
"Change the hero background to a dark gradient"
"Move the testimonials section above the pricing table"
"Add a 'Book a Demo' CTA button to the hero"
"The pricing table looks too cramped — add more spacing"Each instruction is understood in context. Opulent updates the code and the preview refreshes instantly.
Step 5: Deploy
"Deploy this to Vercel and give me the URL"Opulent pushes to GitHub, triggers the deployment, and returns a live URL.
What You Can Build
| Application Type | Example |
|---|---|
| Landing pages | Product launch page, pricing page, waitlist |
| Internal tools | Approval workflows, inventory trackers, team dashboards |
| Full-stack apps | SaaS with auth, database, and payments |
| Data dashboards | Live metrics from your connectors |
| APIs & microservices | Webhook receivers, data transformation services |
| Prototypes | Clickable demos for investor meetings |
| Documentation sites | Product docs, help centers |
No Code Required
You do not need to know how to code to build with Opulent. Every instruction is in plain English. However, if you are a developer:
- All generated code is available in the Code panel
- Code is committed to GitHub automatically — clone and edit locally
- Opulent pulls your changes back and continues from where you left off
Common Questions
Do I need a hosting account? No. Opulent handles deployment to Vercel, Netlify, or Railway as part of the workflow. For custom infrastructure, you can specify your target.
Who owns the code? You do. The code is committed to your GitHub repo. You have full ownership and can take it anywhere.
Can I import an existing project? Yes. Connect your GitHub repo and Opulent works from your existing codebase.
Can I import a Figma design? Yes. See Import from Figma.