0. INSTALL CLAUDE CODE
Before starting, install Claude Code CLI on your machine
npm install -g @anthropic-ai/claude-code1. FOLDER STRUCTURE
Desktop
Project
PRD.md
Website.zip
INSTRUCTIONS
- 1. Create a
Projectfolder on your Desktop - 2. Download
PRD.mdand put it in the folder - 3. Go to v0.app/templates and download any template
- 4. Put the
Website.zipin the folder - 5. Unzip the zip file
2. OPEN CLAUDE CODE
1
Open Terminal
Open your terminal (Mac/Linux) or Command Prompt (Windows)
2
Navigate to Folder
cd ~/Desktop/Project3
Start Claude Code
claude4
Ask Claude to Understand the Files
Understand all of the files here3. BUILD THE WEBSITE
PROMPT
Build me a website using the website template. Use PRD.md as the instructions for what to build. Run it locally when you're done.
WHAT CLAUDE WILL DO
- Read and understand the PRD.md requirements
- Apply the color scheme and styling
- Build all the sections (Hero, Features, Team, Contact)
- Create the contact form
- Run
npm run devto start the local server
4. VIEW YOUR WEBSITE
$ npm run dev
VITE v5.0.0 ready in 500 ms
→ Local: http://localhost:3000
Ctrl + Click the link to open your website
Or copy the URL and paste it in your browser
Stay Updated
Get notified about new tutorials, workshops, and community events