AI-ASSISTED FRONTEND · THE PRACTICAL TOOLKIT

让 AI 写，
你来验收。

从接手工程、改善界面到架构决策、证据排错和性能对照，围绕“慢读”资料库练习与 AI 协作。用同一份工作簿记录六课的决定、改动和验收。

按问题选择工具

描述清楚 · 边界明确 · 证据可查

一键复现旧搜索响应覆盖新结果，再切换修复模式。对比同步与分批计算，用真实耗时、心跳和校验和验收性能取舍。

打开实验室

工程调查、启动诊断、视觉改进、样式修复，以及需求开发、架构、排错和性能委托。每份都提供输入、约束和验收要求。

下载 prompts.md

查看提示词

一份没有样式和脚本的真实 HTML。用标题、列表、链接、标签和原生表单，检查 AI 修改后是否保留了阅读顺序与键盘操作。

打开语义基线

同一份 HTML 加一张样式表。用窄屏、长标题、多标签和可见焦点，检查布局有没有因 AI 的局部修改而退化。

查看基线样式表

打开布局基线

从工程地图到视觉验收、需求任务、架构决定、错误复现和性能原始记录。复制一份，按实际结果填写，保留未验证的项目。

下载 workbook.md

打开工作簿

提示词、工作簿、交互实验与验收基线一起打包，解压即可开始。

两份验收基线使用手工写入 HTML 的固定资料，不自动加载 JSON，原生表单也不筛选列表。实验室用本地定时器与计算模拟问题，没有真实 API 或 AI 服务。