Claude Code 门店小工具构建器：临期商品登记表

用单个 HTML 文件实现一个「临期商品登记」小工具，给门店店员用。

使用场景（决定了所有设计取舍，先读懂再动手）：
- 店员在货架边用手机或平板打开，点几下录完一个商品，全程不超过 15 秒
- 门店网络经常不好，甚至断网，工具必须完全离线可用
- 店长每天想看：今天登记了哪些、按剩余天数分组、哪些必须今天就处理

硬性约束：
1. 单个 .html 文件，双击就能打开，不需要服务器、不需要构建、不需要联网
2. 不引入任何外部 CDN 资源（离线会白屏）。样式和脚本都内联
3. 数据存 localStorage，关闭再打开不丢
4. 手机优先：按钮足够大（手指能点），字号不低于 16px
5. 中文界面，不写英文标签

功能：
- 录入：商品名、剩余天数、数量（商品名给几个常用品类的快捷按钮）
- 列表：按剩余天数升序，≤1 天标红，2-3 天标黄
- 汇总：按剩余天数分组计数，显示「今天必须处理 N 件」
- 支持删除单条、一键清空今日数据

交付要求：
- 先写出完整文件，再给一段「怎么用」说明（三句话以内，给店员看）
- 最后给一个自检清单，逐条说明你如何验证满足上面的硬性约束（尤其第 2 条离线）
- 不要用框架，不要用构建工具，不要生成多个文件

为什么是「工具构建器」而不是「帮我写个页面」

编码代理的通用玩法（做个游戏、做个落地页）在提示词市场已经很多了，但几乎没人做 门店场景的小工具，而这恰好是门店真实的痛点：想记点东西，现成软件太重，Excel 在 手机上难用。

这条提示词的关键在约束那一节——尤其是第 2 条「不引入任何外部 CDN 资源」。这是 真实踩过的坑：生成的页面在开发机上好好的，拿到断网的门店里直接白屏，因为样式表从 CDN 加载。把这类从实践里来的约束写进提示词，产出才真能用。

最后要求「自检清单逐条对应硬性约束」，是让代理自己证明约束被满足了，而不是嘴上说 "已完成"。