I Vibe Coded a Website. Here’s How.
I've been testing a vibe coding workflow for building websites — and it actually works.
Here's what the process looks like:
1. Research public profiles to identify design direction and content.
2. Use those profiles to generate a web design prompt
3. Feed the prompt into Claude Code to build the site
4. Commit and push to GitHub
5. Deploy live on Vercel
Here are some example:
No manual coding. No pixel-pushing. Just a solid prompt and some well-placed context.
What I learned:
  • Use lots of examples and reference so the site doesn’t get generic.
  • QA and Test
  • Context prompting is your bff
Tools:
  • Claude
  • Gemini
  • Vercel
  • Github
  • VS Code
Drop a 🙋 if you want me to break down the details — happy to share the full workflow.
3
2 comments
Roatanea Vonei
4
I Vibe Coded a Website. Here’s How.
powered by
Own Your Website
skool.com/design-and-flo-7559
Learn to build your website and how to leverage AI for branding, content creation, and website automation.
Build your own community
Bring people together around your passion and get paid.
Powered by