AI 实践一个在浏览器本地读取 CSV、选择字段并展示汇总、趋势和异常行的数据看板。
开始前准备
先把材料准备好，再让 Codex 动手。缺少真实内容时先留空，不要让它替你编造。
- 准备一份可脱敏的小型 CSV
- 写出三个想回答的问题
- 确认浏览器支持 File API
第一版只做这些
这一轮只完成最小可用版本。下面四项全部完成以后，再考虑增加功能。
- 文件只在浏览器本地解析
- 用户选择维度和数值字段
- 显示汇总、趋势和异常行
- 错误数据有清楚提示
跟着完成一次
不要一次把全部要求扔给 Codex。按顺序完成，每一步都先看结果，再继续下一步。
- 01
先检查样例字段、编码、分隔符、缺失值和类型。
- 02
定义三个问题对应的指标与图表。
- 03
实现本地上传、字段映射、汇总和图表。
- 04
加入无效文件、空表、混合类型和大文件提示。
- 05
用手工样例复算结果并检查手机端表格。
复制给 Codex 的完整任务
把方括号中的内容替换成你自己的真实材料，再复制给 Codex。
请在当前练习目录制作一个完全在浏览器本地运行的 CSV 数据看板，文件不得上传到服务器。先读取我提供的【脱敏样例 CSV】，报告编码、分隔符、字段、行数、缺失值、重复项和类型冲突；再根据【三个问题】定义必要的汇总、趋势和异常行规则，等我确认后实现。用户应能选择维度字段与数值字段，并看到当前文件名、行数、筛选条件和数据问题。完成后用手工可复算样例检查总和、平均值、日期排序、空值和混合类型，测试无效文件、空表和大文件提示，并确认网络面板没有上传请求。
Skill 怎么参与
Skill 只是帮助你加快某一步，不是完成项目的前提。没有安装，也可以让 Codex 按同样的目标继续做。
用于检查字段类型、数据质量和复算指标。
用于控制指标、图表、筛选和异常信息的视觉层级。
用于上传、筛选、导出、错误状态和网络请求验收。
第一版完成以后
确认第一版可以使用，再复制下面这段升级任务。不要在基础功能还没跑通时提前增加。
请为现有 CSV 看板增加筛选条件保存和 PNG/CSV 结果导出，仍然不得上传原始文件。先定义导出中包含的筛选口径和来源信息，再实现；重新导入同一文件后确认保存的字段映射可恢复，错误字段要提示重新选择。
常见偏差
- 自动猜字段后不展示映射，用户不知道图表算的是什么。
- 把空值默认当零，或把原始文件上传到外部服务。
完成检查
- 关键汇总能用样例数据复算。
- 当前字段与筛选条件始终可见。
- 错误文件有可恢复提示。
- 网络请求中没有上传原始 CSV。