Windows PowerShell
mkdir "$env:USERPROFILE\sandbox\my-page"
cd "$env:USERPROFILE\sandbox\my-page"// lesson 02 · first website
一个文件，
完成第一次闭环。
不用懂框架。先进入一个空文件夹，再让你选择的 Agent 创建 index.html，
最后亲手打开、检查、修改。
Before the prompt
先确认你真的在练习文件夹里
如果你刚从 Claude Code 课程过来，已经做完这一步，可以直接往下。否则选择与你系统匹配的一组命令。
macOS / Linux 终端
mkdir -p ~/sandbox/my-page
cd ~/sandbox/my-page然后启动你已经选好的 Agent
Claude Code 输入 claude；Codex CLI 输入 codex。看到可以输入对话的界面，再继续。
Starter Prompt
复制这段任务
先复制整段发给 Agent。它说完计划后，你确认只会创建 index.html，再允许它写文件。
请在当前空文件夹创建一个单文件 index.html，做成中文个人介绍页。
内容使用虚构演示信息：姓名“林小宇”，身份“正在学习 Agent 的新手”，三个兴趣是阅读、摄影、做小网页。
要求：
1. 只用原生 HTML 和 CSS，不加载外部图片、字体、脚本或框架。
2. 标题、正文和链接要清楚，文字与背景容易看清。
3. 浏览器缩到手机那么窄时，页面仍然好读，不能左右滚动。
4. 页面包含“关于我”“正在做什么”“作品”三个区块；作品链接使用 https://example.com。
5. 不要做自动播放、突然弹窗、晃眼动画或数据收集。
请先说明计划和将创建的文件。等我确认后再写入；完成后告诉我怎样在浏览器预览。先用虚构信息
网页能工作以后，再由你决定是否替换成公开信息。不要写入家庭地址、私人手机号、账号密钥或不希望长期留在 Git 历史里的内容。
Acceptance
亲自完成五项验收
1
找到并打开
进入 sandbox/my-page，双击 index.html。浏览器里能看到页面，不是空白，才继续。
2
把窗口拖窄
把浏览器拖到手机那么窄（约 390px），文字仍然好读，页面不能左右晃动或滚动。
3
键盘
只按 Tab 和 Enter，可以找到并打开页面中的作品链接。
4
检查内容
确认没有真实私人信息、密钥、外部追踪脚本或无授权素材。
5
做一次人工修改
让 Agent 按你的明确反馈改一处颜色、间距或文案，再重复前四项。
First-party Skill
完成后再做一次克制的润色
仓库提供一份原创、最小的页面润色 Skill；先阅读内容，再让 Agent 使用。