How to Vibe Code a Website, Step by Step

Aasif Khan
By Aasif Khan | October 12, 2026 9:41 am
How to vibe code a website: one bakery website built from the same brief in Claude Code and Google AI Studio, with build times

How to Vibe Code a Website: The Steps, and What We Got When We Tried ItEight steps from a paragraph about your business to a page you can publish, with the numbers from building the same site in two AI tools.To vibe code a website, describe your business to an AI tool in plain English, let it build the page, then check it on a phone, read every word, change one thing per prompt and publish. It works: on 12 October 2026 we got a usable one-page bakery site from one prompt in 4 min 6 s with Claude [...]

Read More

Vibe Coding With Google: AI Studio, Antigravity and Gemini

Aasif Khan
By Aasif Khan | October 12, 2026 6:13 am
Vibe coding with Google: the same app built in Google AI Studio for the web, in AI Studio for Android and in Gemini Canvas, with build times

Vibe Coding With Google: Which Tool to Use and How to StartGoogle has six tools that build things from a prompt, and is closing two more. Here is what each one makes, what it costs, and what happened when we built the same app in three of them.Google vibe coding means describing an app in plain English and letting a Google tool write the code. The main one is Google AI Studio, which builds web apps and Android apps in your browser and is free to start. Antigravity is the coding app for your own [...]

Read More

Vibe Coding vs Agentic Coding vs Spec-Driven Development

Aasif Khan
By Aasif Khan | October 8, 2026 10:30 am
Vibe coding vs agentic coding vs spec-driven development: one feature built three ways with an AI agent, with agent time and checks passed

Vibe Coding vs Agentic Coding vs Spec-Driven Development: One Feature, Built Three WaysWhat each approach means, what changed when we built the same feature all three ways, and which one to use for your project.Vibe coding means describing what you want and judging the result by using it. Agentic coding means an AI agent plans, builds and checks the work toward a goal. Spec-driven development means writing down what "done" looks like first, then having the agent build to it. We built o [...]

Read More

Vibe Coding Prompts: 25 Prompts We Tested With an AI Agent

Aasif Khan
By Aasif Khan | October 7, 2026 11:13 am
Vibe coding prompts: 25 prompts tested with an AI agent, and what each one did

Vibe Coding Prompts: 25 Prompts We Tested With an AI Agent, and What Each One DidPrompts you can copy for starting an app, adding features, fixing bugs, phone layouts and safety checks, each with the result it gave us.The best prompts for vibe coding with AI agents say three things: what to change, what to leave alone, and how you will check it. Ask for a plan before a big change, and change one thing per prompt. We tested 25 prompts with Claude in Claude Code across four small apps, including s [...]

Read More

Vibe Coding With Claude: A Beginner’s Guide to Claude Code

Aasif Khan
By Aasif Khan | October 6, 2026 8:04 am
Vibe coding with Claude: a beginner's guide to Claude Code, tested on three real apps

Vibe Coding With Claude: How to Build Your First App With Claude Code, Step by StepFor people who have never coded: what Claude can build for you, what it costs, how to get started, and what happened in three sessions we ran ourselves.Yes, Claude is one of the strongest tools for vibe coding, and you can start without writing code. On the free plan, Claude chat can build a small one-page app you try in the conversation. For a real project with several files, use Claude Code, which needs a paid p [...]

Read More

Most Popular Posts