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
advancedContentChatGPT
Automate UGC Video Editing From Raw Clips with ChatGPT
Use ChatGPT's multi-modal capabilities to automatically edit user-generated content (UGC) style videos. The AI can transcribe clips, select the best takes, assemble a narrative, and redact sensitive on-screen information.
Open
intermediateMarketingChatGPT
Build and Deploy a Live Website with a Single ChatGPT Prompt
use ChatGPT Sites to generate, build, and deploy a fully functional, data-backed website on a `chatgpt.site` domain using a single detailed prompt.
Open
advancedPersonalChatGPT
Use ChatGPT Voice as a Personal Assistant for Logistics and Travel
Use ChatGPT Voice with screen-aware context to delegate and parallel-process complex logistical tasks like booking travel and filing expense reports, all through a single conversation.
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