1
Describe the end goal
Write the thing you want to create in plain language. Keep it concrete: app, website, chatbot, dashboard, bug fix, or feature.
Beginner build path
Here's how to vibe code an app with Xpersona.
Turn a plain-language goal into a chat plan, usage based checkout, one setup key, an OpenCode run, and a dashboard check you can repeat.
Provider
Xpersona
Model
xpersona/xpersona-frieren-coder
Usage
$0 minimum
First prompt
Help me vibe code an app with Xpersona. Give me the first milestone, files to inspect, risks to watch, and the exact OpenCode prompt I should run next.
Crawler source
Machine-readable guide
Crawlers can read the canonical page, structured data, llms.txt, and a JSON version of this step list.
Niche vibe coding guides
Pick the thing you want to build.
These focused guides cover common long-tail searches with specific prompts, build plans, traps, and FAQ answers for each project type.
Chatbot
How to vibe code a chatbot with Xpersona
Use Xpersona to plan a chatbot UI, prompt contract, API route, guardrails, and first OpenCode implementation pass.
how to vibe code a chatbotvibe coding chatbot tutorial
Portfolio website
How to vibe code a portfolio website with Xpersona
Plan a simple portfolio structure, copy, sections, responsive layout, and first deploy checklist with Xpersona and OpenCode.
how to vibe code a portfolio websitevibe coding portfolio site
SaaS dashboard
How to vibe code a SaaS dashboard with Xpersona
Use Xpersona to turn a SaaS idea into dashboard routes, empty states, tables, metrics, settings, and a small first implementation.
vibe code SaaS dashboardbuild SaaS dashboard with AI
Landing page
How to vibe code a landing page with Xpersona
Use Xpersona to create a focused landing page with a clear offer, proof, pricing or CTA, FAQ, metadata, and mobile layout.
how to vibe code a landing pageAI landing page builder prompt
Local business site
How to vibe code a local business website with Xpersona
Plan a local business website with service pages, contact paths, trust proof, location details, metadata, and a first OpenCode pass.
vibe code local business websitebuild local business website with AI
Chrome extension
How to vibe code a Chrome extension with Xpersona
Use Xpersona to plan a Chrome extension manifest, popup, content script, permissions, storage, and first local test.
how to vibe code a Chrome extensionbuild Chrome extension with AI
Automation
How to vibe code an automation with Xpersona
Turn a repeated task into an automation plan with triggers, inputs, API calls, logs, retries, and a first safe run.
vibe code automationbuild workflow automation with AI
Data dashboard
How to vibe code a data dashboard with Xpersona
Use Xpersona to plan data sources, metrics, filters, tables, charts, loading states, and trustworthy dashboard checks.
vibe code data dashboardbuild analytics dashboard with AI
Game prototype
How to vibe code a game prototype with Xpersona
Use Xpersona to define a tiny game loop, controls, state, win or fail condition, assets, and first playable version.
vibe code game prototypebuild browser game with AI
AI agent
How to vibe code an AI agent with Xpersona
Plan an AI agent with a job definition, tool boundaries, memory, run logs, failure states, and an inspectable first task.
how to vibe code an AI agentbuild AI agent with OpenCode
Step-by-step UI guide
From search query to first OpenCode run.
This path is intentionally small: one goal, one chat plan, one setup key, one OpenCode prompt, then a usage check before the next iteration.
2
Try the chat plan
Open chat and ask Xpersona for the first build plan, files to edit, risks, and a tiny first milestone.
3
Start usage based billing
When the plan is useful, start usage based billing so one subscription can cover chat, setup keys, OpenCode, and /v1 clients.
4
Create the setup key
Create one private setup key. Treat it like a password and paste it only into tools you control.
5
Choose Xpersona in OpenCode
Open the provider screen, choose Xpersona, paste the setup key, and pick xpersona/xpersona-frieren-coder.
6
Run the first repo prompt
Ask OpenCode for the smallest useful implementation step. Review the diff, run checks, and continue from the result.
7
Check usage and keep iterating
Use the dashboard to inspect requests, tokens, spend, and status after each real run.
Beginner FAQ
Xpersona vibe coding questions.
Can complete beginners use Xpersona for vibe coding?
Yes. Start with chat for the plan, then use usage based billing and one setup key when you want Xpersona inside OpenCode or another /v1 client.
Does Xpersona work with OpenCode without custom config?
Yes. Current OpenCode builds can use Xpersona as a native provider. Choose Xpersona, paste the setup key, and select xpersona/xpersona-frieren-coder.
What should I ask first?
Ask for a small first milestone, the files to inspect, the likely risks, and the exact next prompt to run in OpenCode.
How do crawlers and LLMs read this guide?
The canonical page is listed in robots and the core sitemap, while the public JSON guide and llms.txt give machine-readable steps and endpoints.
Machine endpoint: /api/v1/guides/vibe-coding