Step01
Create a Branch in v0
Import the production GitHub repository into v0 and create a named feature branch. Let v0 install the pinned dependencies and launch the repository’s real preview before requesting changes.
IntermediateEngineering
Build and Ship Production Features Using a Git-Based AI Workflow with v0
Use v0 as a production branch workspace: import the real repository, build a bounded feature with production constraints, iterate against the running app, and hand engineers a reviewable PR and preview.
Source episode · 04:08
How I AI: Guillermo Rauch (Vercel CEO) on how to vibe code to production with v0with Claire Vo
Guillermo creates a v0 branch from a production GitHub project, adds a rate-limited skill rating feature, iterates in the live preview, opens a PR, and validates the Vercel preview deployment.
Before you start
What you need
- A GitHub repository connected to v0
- A scoped feature request
- Repository instructions and production constraints
- A team PR and preview review process
What you’ll make
A feature branch with a working implementation, generated pull request, and production-like preview ready for team review.
Tools used
- v0Visitv0
Vercel AI UI generator
- GitHub CopilotVisitGitHub Copilot
AI pair programmer
Step by step
The workflow
Follow the sequence once, then adapt the prompts, checks, and handoffs to your own setup.
5 steps
Step02
Prompt for a New Feature
Describe one feature in product language and include production risks. Guillermo’s example adds skill ratings to the sidebar while explicitly asking for abuse protection and visual fit.
Example prompt
Add a five-star rating system for skills in the sidebar. Use the existing data and UI patterns. Prevent repeated or abusive scoring with an appropriate rate limit or identity rule, handle empty and loading states without layout shift, and make the feature fit the current skills site.
Step03
Iterate with Follow-up Prompts
Exercise the feature in the live preview and use narrow follow-ups for visible defects, missing states, or incorrect behavior. Ask v0 to explain any infrastructure assumption it cannot verify.
Example prompt
When there is no rating data, keep the sidebar layout stable and show an intentional empty state. Verify submitting, repeat submission, loading, error, and narrow-screen behavior without redesigning unrelated parts of the page.
Step04
Generate a Pull Request on GitHub
Use v0’s Create Pull Request action. Review the generated diff and PR description, confirm the branch and intended files, and require the normal repository checks.
Step05
Review with a Live Preview Deployment
Open the Vercel preview deployment from the PR and share it with engineering, product, and design. Test the real feature path and record any environment difference before merging.
What good looks like
- The default branch remains untouched during development.
- The feature uses the repository’s existing stack and data patterns.
- Security, abuse, empty-state, and performance constraints are addressed.
- The PR description and preview give reviewers enough evidence to merge or request changes.
Build your next product with ChatPRD
Turn an idea into a PRD, user stories, and a plan.
After the steps
Runbook notes
How to recover when the loop fails and where human judgment helps.
Recover
If it goes sideways
- The feature is built outside the real repository context
- Import the GitHub project and create a branch so dependencies, conventions, and existing code are available.
- A public interaction is implemented without abuse controls
- Name rate limits, identity or deduplication rules, storage constraints, and failure behavior in the feature request.
- The chat preview works but production behavior differs
- Use the Vercel branch deployment, test real environment integrations, and report missing secrets or infrastructure explicitly.
- A short prompt produces a broader change than intended
- Review the diff and preview, then constrain the next prompt to the affected component and behavior.
Keep building
Related workflows
intermediateSalesWarpFigma+1
How to Build an AI-Powered CEO Toolkit for Sales, Marketing, and Design
Automate and accelerate executive-level tasks by using AI agents integrated with your business tools. Learn how to use prompts to redesign Figma slides, analyze sales calls for insights, and generate lead lists from your email.
Open
advancedEngineeringWarp
How to Measure and Self-Improve Your AI Software Development Factory
Go beyond simple automation by creating a system that measures its own performance and improves itself. Learn to track metrics, score AI agent runs to find failures, and use observer agents to automatically fix your factory's code.
Open
advancedEngineeringGitHub Copilot
How to Build an Automated Software Factory from Slack to GitHub
Learn how to automate your software development lifecycle, turning a simple Slack request into a fully implemented, tested, and QA-verified pull request in GitHub, reflecting a true software factory model.
Open
Start shipping
better products.
Join 100,000+ product managers who use ChatPRD to write better docs, align teams faster, and build products users love.
Free to start
No credit card
SOC 2 certified
Enterprise ready