I'm not a traditional developer. I'm an AI automation consultant — I build systems, workflows, and agents for businesses. But recently I vibe coded my entire personal site from scratch using Claude, and I want to break down exactly how it went.
The Stack
React + Vite + Tailwind, deployed on Vercel. Built from a blank canvas by just describing what I wanted to Claude one section at a time.
How It Actually Went
I started with the homepage. I described my brand — dark minimal aesthetic, blue accent, my name and title front and center. Claude scaffolded the whole thing. From there it was a loop: describe → generate → tweak → repeat.
Pages I built this way:
- Full homepage with animated hero
- 4 consulting service pages
- Mentorship page
- Blog
- Booking page integrated with Cal.com
- Privacy + Terms
What Surprised Me
Claude handled things I wouldn't have figured out quickly on my own:
- Framer Motion animations
- PostHog analytics integration
- Setting up serverless API functions on Vercel
- SEO meta tags and JSON-LD schema
I just described the outcome I wanted.
What Still Needed My Brain
Vibe coding isn't magic. I had to know what I wanted. The prompting is the skill. And when things broke — a webhook returning 307s, a rewrite blocking my API routes — I had to understand enough to describe the problem correctly so Claude could fix it.
The Result
A fully deployed, production site at keondaniel.com — with analytics, a contact bot, booking integration, and SEO set up properly.
Is Vibe Coding the Future?
For people who know what they want to build — yes. The barrier isn't writing code anymore. It's knowing what to build and being able to describe it clearly. That's a product thinking skill, not a coding skill.
If you're an automation-minded person who's been intimidated by building your own site or tools, this is your sign.
Want to work with me on something like this? Book a call at keondaniel.com/meet.
Top comments (0)