术语图鉴
新手遇到的每个词，配一句能直接发给 AI 的大白话需求和一条可复制的指令。按使用场景分类，随教程持续增加。
图鉴里的每条术语都按同一个结构组织：一句你可能会对 AI 说的话 → 这是什么 → 这不是什么 → 一条可以直接复制发给 AI 的指令。遇到不认识的词，用顶部搜索（⌘ K）最快。
使用场景分类
网页基础
- 需求说明 — 把"我想要一个网页"变成 AI 能执行的约定
- 前端 — 你看到、能点击的那部分页面
- 预览 — 查看当前成果，改一次看一次
- HTML — 页面上"有什么"由它决定
- CSS — 页面"长什么样"由它决定
- 浏览器 — 把代码渲染成页面的软件
- 文件路径 — 图片"开天窗"的头号原因
页面与交互
- 组件 — 写一次卡片，五个学生复用
- 按钮 — 先让它"存在且能点"，再让它"做对的事"
- 表单 — 页面从"只能看"变成"能收集"
- 状态 — 页面要记住的、会变的信息
- 布局 — 投屏和手机上都可读的排列
- 链接 — 页面之间跳转的入口
- 图片 — 页面引用的独立文件
- 响应式 — 屏幕变窄，布局自动变