{"title":"How to vibe code with Xpersona","canonicalUrl":"https://www.xpersona.co/vibe-coding","machineUrl":"https://www.xpersona.co/api/v1/guides/vibe-coding","queryParameter":"goal","summary":"A beginner Xpersona guide for turning a plain-language build goal into chat, setup-key, OpenCode, and usage-dashboard steps.","provider":{"name":"Xpersona","baseUrl":"https://www.xpersona.co/v1","defaultOpenCodeModel":"xpersona/xpersona-frieren-coder","displayModelName":"Xpersona Frieren 1"},"presets":[{"label":"Vibe code an app","goal":"vibe code an app","detail":"Start with one clear feature and let Xpersona turn it into a build plan."},{"label":"Build a website","goal":"build a website","detail":"Plan the pages, copy, components, and first deploy checklist."},{"label":"Make a chatbot","goal":"make a chatbot","detail":"Design the prompt, UI, API route, and usage checks before shipping."},{"label":"Connect OpenCode","goal":"connect OpenCode to Xpersona","detail":"Use the visual provider picker, paste one setup key, and run a test prompt."},{"label":"Ship an AI feature","goal":"ship an AI feature","detail":"Move from first prompt to repo edits, checkout, key setup, and metered usage."}],"topics":[{"slug":"chatbot","title":"How to vibe code a chatbot with Xpersona","shortTitle":"Chatbot","goal":"make a chatbot","description":"Use Xpersona to plan a chatbot UI, prompt contract, API route, guardrails, and first OpenCode implementation pass.","canonicalUrl":"https://www.xpersona.co/vibe-coding/chatbot","machineUrl":"https://www.xpersona.co/api/v1/guides/vibe-coding/chatbot","searchIntents":["how to vibe code a chatbot","vibe coding chatbot tutorial","build a chatbot with OpenCode","AI chatbot setup key guide"]},{"slug":"portfolio-website","title":"How to vibe code a portfolio website with Xpersona","shortTitle":"Portfolio website","goal":"build a portfolio website","description":"Plan a simple portfolio structure, copy, sections, responsive layout, and first deploy checklist with Xpersona and OpenCode.","canonicalUrl":"https://www.xpersona.co/vibe-coding/portfolio-website","machineUrl":"https://www.xpersona.co/api/v1/guides/vibe-coding/portfolio-website","searchIntents":["how to vibe code a portfolio website","vibe coding portfolio site","build portfolio website with AI","OpenCode portfolio website prompt"]},{"slug":"saas-dashboard","title":"How to vibe code a SaaS dashboard with Xpersona","shortTitle":"SaaS dashboard","goal":"build a SaaS dashboard","description":"Use Xpersona to turn a SaaS idea into dashboard routes, empty states, tables, metrics, settings, and a small first implementation.","canonicalUrl":"https://www.xpersona.co/vibe-coding/saas-dashboard","machineUrl":"https://www.xpersona.co/api/v1/guides/vibe-coding/saas-dashboard","searchIntents":["vibe code SaaS dashboard","build SaaS dashboard with AI","OpenCode SaaS dashboard prompt","AI coding agent dashboard guide"]},{"slug":"landing-page","title":"How to vibe code a landing page with Xpersona","shortTitle":"Landing page","goal":"build a landing page","description":"Use Xpersona to create a focused landing page with a clear offer, proof, pricing or CTA, FAQ, metadata, and mobile layout.","canonicalUrl":"https://www.xpersona.co/vibe-coding/landing-page","machineUrl":"https://www.xpersona.co/api/v1/guides/vibe-coding/landing-page","searchIntents":["how to vibe code a landing page","AI landing page builder prompt","vibe coding product landing page","OpenCode landing page guide"]},{"slug":"local-business-website","title":"How to vibe code a local business website with Xpersona","shortTitle":"Local business site","goal":"build a local business website","description":"Plan a local business website with service pages, contact paths, trust proof, location details, metadata, and a first OpenCode pass.","canonicalUrl":"https://www.xpersona.co/vibe-coding/local-business-website","machineUrl":"https://www.xpersona.co/api/v1/guides/vibe-coding/local-business-website","searchIntents":["vibe code local business website","build local business website with AI","AI coding guide for service business website","OpenCode local business website prompt"]},{"slug":"chrome-extension","title":"How to vibe code a Chrome extension with Xpersona","shortTitle":"Chrome extension","goal":"build a Chrome extension","description":"Use Xpersona to plan a Chrome extension manifest, popup, content script, permissions, storage, and first local test.","canonicalUrl":"https://www.xpersona.co/vibe-coding/chrome-extension","machineUrl":"https://www.xpersona.co/api/v1/guides/vibe-coding/chrome-extension","searchIntents":["how to vibe code a Chrome extension","build Chrome extension with AI","OpenCode Chrome extension prompt","AI coding agent browser extension guide"]},{"slug":"automation","title":"How to vibe code an automation with Xpersona","shortTitle":"Automation","goal":"build an automation","description":"Turn a repeated task into an automation plan with triggers, inputs, API calls, logs, retries, and a first safe run.","canonicalUrl":"https://www.xpersona.co/vibe-coding/automation","machineUrl":"https://www.xpersona.co/api/v1/guides/vibe-coding/automation","searchIntents":["vibe code automation","build workflow automation with AI","OpenCode automation prompt","AI coding agent automation guide"]},{"slug":"data-dashboard","title":"How to vibe code a data dashboard with Xpersona","shortTitle":"Data dashboard","goal":"build a data dashboard","description":"Use Xpersona to plan data sources, metrics, filters, tables, charts, loading states, and trustworthy dashboard checks.","canonicalUrl":"https://www.xpersona.co/vibe-coding/data-dashboard","machineUrl":"https://www.xpersona.co/api/v1/guides/vibe-coding/data-dashboard","searchIntents":["vibe code data dashboard","build analytics dashboard with AI","OpenCode data dashboard prompt","AI coding guide for metrics dashboard"]},{"slug":"game-prototype","title":"How to vibe code a game prototype with Xpersona","shortTitle":"Game prototype","goal":"build a game prototype","description":"Use Xpersona to define a tiny game loop, controls, state, win or fail condition, assets, and first playable version.","canonicalUrl":"https://www.xpersona.co/vibe-coding/game-prototype","machineUrl":"https://www.xpersona.co/api/v1/guides/vibe-coding/game-prototype","searchIntents":["vibe code game prototype","build browser game with AI","OpenCode game prototype prompt","AI coding agent game guide"]},{"slug":"ai-agent","title":"How to vibe code an AI agent with Xpersona","shortTitle":"AI agent","goal":"build an AI agent","description":"Plan an AI agent with a job definition, tool boundaries, memory, run logs, failure states, and an inspectable first task.","canonicalUrl":"https://www.xpersona.co/vibe-coding/ai-agent","machineUrl":"https://www.xpersona.co/api/v1/guides/vibe-coding/ai-agent","searchIntents":["how to vibe code an AI agent","build AI agent with OpenCode","AI agent setup key guide","Xpersona AI agent tutorial"]}],"steps":[{"name":"Describe the end goal","ui":"Guide input","description":"Write the thing you want to create in plain language. Keep it concrete: app, website, chatbot, dashboard, bug fix, or feature."},{"name":"Try the chat plan","ui":"Xpersona chat","description":"Open chat and ask Xpersona for the first build plan, files to edit, risks, and a tiny first milestone."},{"name":"Start usage based billing","ui":"Pricing","description":"When the plan is useful, start usage based billing so one subscription can cover chat, setup keys, OpenCode, and /v1 clients."},{"name":"Create the setup key","ui":"Dashboard key page","description":"Create one private setup key. Treat it like a password and paste it only into tools you control."},{"name":"Choose Xpersona in OpenCode","ui":"OpenCode provider picker","description":"Open the provider screen, choose Xpersona, paste the setup key, and pick xpersona/xpersona-frieren-coder."},{"name":"Run the first repo prompt","ui":"OpenCode prompt","description":"Ask OpenCode for the smallest useful implementation step. Review the diff, run checks, and continue from the result."},{"name":"Check usage and keep iterating","ui":"Usage dashboard","description":"Use the dashboard to inspect requests, tokens, spend, and status after each real run."}],"faq":[{"question":"Can complete beginners use Xpersona for vibe coding?","answer":"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."},{"question":"Does Xpersona work with OpenCode without custom config?","answer":"Yes. Current OpenCode builds can use Xpersona as a native provider. Choose Xpersona, paste the setup key, and select xpersona/xpersona-frieren-coder."},{"question":"What should I ask first?","answer":"Ask for a small first milestone, the files to inspect, the likely risks, and the exact next prompt to run in OpenCode."},{"question":"How do crawlers and LLMs read this guide?","answer":"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."}],"recommendedLinks":{"guide":"https://www.xpersona.co/vibe-coding","hub":"https://www.xpersona.co/vibe-coding","chat":"https://www.xpersona.co/chat","pricing":"https://www.xpersona.co/pricing?checkoutTier=payg","opencode":"https://www.xpersona.co/opencode","dashboardOnboarding":"https://www.xpersona.co/dashboard/onboarding","usageDashboard":"https://www.xpersona.co/dashboard/usage","llms":"https://www.xpersona.co/llms.txt","llmsFull":"https://www.xpersona.co/llms-full.txt"}}