Vibe Coding Website Development: Four Ways to Build from Scratch

Four Ways to Build from Scratch

In a recent round of enterprise training, I shared my experience building websites with AI. Here's a summary of four approaches you can take when starting from zero.

Approach 1: Just Throw Your Requirements at It and Iterate

The simplest, most straightforward method. Tell the AI what you want, let it generate the code, then refine from there. Works great for simple pages or prototypes.

Approach 2: Standard Software Engineering Workflow

Requirements analysis & PRD → Architecture design → Project planning → Test cases, development & debugging → Testing & deployment

This is the most rigorous approach, and it's best suited for complex projects. AI can play a meaningful role at every stage of the process.

Approach 3: Reference Site + AI Cloner

Find a site you like, then use the AI Website Cloner Template skills to quickly clone its design and structure. From there, customize it to fit your needs.

Approach 4: The Combo

Build on Approach 3 by layering in front-design skills and the UI UX Pro Max skill for a more polished, professional result.

Iterating from 1 to 100

Launching your site is just the beginning — continuous iteration is what really matters:

• Use /insight to have the AI analyze your project and suggest improvements
• Use gstack skills to conduct a project review
• Use the brainstorm skill to generate new ideas
• Use seo-audit to run an SEO diagnostic

Keep optimizing, and your site will only get better over time.