Most "AI builds an app" demos cheat: pre-baked prompts, hand-tuned models, edited videos. This walkthrough is the actual flow we use every day. The whole loop — from typing the first word to a public URL — takes about a minute on a small project.
Step 1 — Describe what you want
Open Vibely, pick Web app, and describe the product. Be specific about data, not visuals: "a habit tracker with users, habits, and daily check-ins" beats "a beautiful habit app."
Step 2 — Watch the preview start before the code does
Vibely starts your dev server in parallel with the agent's first turn. By the time the agent writes its first file, your preview URL is already live and reloading on every edit.
Step 3 — Steer with small turns
Once the first version is up, make small requests: "add a delete button to each habit," "use today's date as the default for check-ins," "make the empty state friendlier." Each turn is a clean diff you can read in seconds.
Step 4 — Plug in real data
Connect Supabase from the connectors page (the Supabase integration is on Pro and Business). Vibely will introspect your tables, write the queries, and wire up auth. If you do not have a database yet, ask the agent to set one up — it will use Supabase by default.
Step 5 — Ship
One click publishes your project to a public vibelyagent.com subdomain, on every plan. From here you keep iterating in the editor and re-publish to update the live URL. Custom domains are on Pro and Business.
Habits that make it feel instant
- Open the preview on a second monitor. Watching it update is the feedback loop.
- Use plan mode for risky changes. Migrations, auth, deletes.
- Stop when it works. Do not let the agent over-engineer something that is already shipping.