Echofold Logoechofold
FractalLaunchLoopVibeWorks
Training
AI TrainingAI Startup Training
Events
More
AboutNews
LoginSignup
Echofold Logoechofold
Back to Community

0. INSTALL CLAUDE CODE

Before starting, install Claude Code CLI on your machine

npm install -g @anthropic-ai/claude-code
Requires:Node.js 18+ •Anthropic Account

1. FOLDER STRUCTURE

Desktop
Project
PRD.md
Website.zip

PRD.md

Product Requirements Document

DOWNLOAD PRD.md

Website.zip

Download any template from v0.app

BROWSE TEMPLATES

INSTRUCTIONS

  1. 1. Create a Project folder on your Desktop
  2. 2. Download PRD.md and put it in the folder
  3. 3. Go to v0.app/templates and download any template
  4. 4. Put the Website.zip in the folder
  5. 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/Project
3

Start Claude Code

claude
4

Ask Claude to Understand the Files

Understand all of the files here

3. 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 dev to 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

NEXT STEPS

Keep learning and connect with the community

Join our DiscordView Resources

Stay Updated

Get notified about new tutorials, workshops, and community events