← All Experiments

Building This Site with AI

用 AI 搭建这个网站

| 1 afternoon (~4 hours) | live
Claude Code (Opus 4)WorkBuddyAstroTailwind CSS v4Vercel

What I Built

The site you're reading right now. A minimal personal lab to showcase AI experiments. Three pages: a homepage with the latest experiments, a list page for all projects, and an about page. Bilingual (English + Chinese), clean and warm, no JavaScript frameworks — just Astro's static output.

How It Went

I described what I wanted — "Edison Lab, AI experiments, clean with warmth, bilingual, Astro + Tailwind" — and let Claude Code handle the implementation. The entire site structure, styling, content architecture, and even this article were generated in a single session.

The workflow looked like this: I made high-level decisions (direction, name, tone, tech stack), and the AI handled everything from `npm create astro` to writing every line of code. I reviewed, gave feedback, and iterated.

What I Learned

The gap between "I want a website" and "I have a website" has shrunk to almost nothing — if you're willing to make decisions quickly and accept that v1 doesn't need to be perfect.

The hard parts weren't technical. They were: what do I actually want to say? What's the purpose? Who am I building this for? Once those were clear, the building was fast.

Honest Assessment

What worked well: Speed. Going from zero to a complete, deployed site in one afternoon is genuinely remarkable. The design quality is solid for a v1.

What could be better: Content depth. This first experiment is meta (a site about building the site), which is a bit navel-gazing. The real test comes with experiment #2, where the content has to stand on its own.

过程简述

这是 Edison Lab 的第一个实验:用 AI 编程工具搭建这个网站本身。整个过程大约 4 小时, 从确定方向、选择技术栈到写完所有页面代码。我做的是高层决策(方向、命名、调性、技术选型), AI 负责所有实现。最难的部分不是技术——而是想清楚"我到底要做什么"。