开工包生成器无需注册 · 本地生成
工具应用 / React + VitePROJECT-BRIEF.md
# 项目开工简报 ## 我要做什么 一个订阅管理工具：记录订阅名称、月费和下次扣款日期，汇总每月支出。 ## 项目起点 项目目录：my-app 技术栈：React + Vite。先检查当前目录与已有代码；已有项目不要重复初始化或覆盖。 ## 第一版范围 - 新增、编辑、删除一条记录 - 按名称搜索，按状态筛选 - 使用本地存储保存数据 - 首次使用展示可删除的示例数据 ## 暂时不做 第一版仅在当前浏览器保存数据，不接入登录、支付或云同步。 ## 交付要求 - 先用简短文字说明实现方案和需要澄清的关键假设。 - 实现完整的核心操作，包含空状态、错误提示和手机布局。 - 安装依赖前核对官方文档与兼容性，按需要添加，不堆叠库。 - 不编造数据来源、客户评价或已实现的服务能力。 - 最后运行适合本次改动的检查，说明启动方式与尚未完成的部分。 ## 验收清单 - [ ] 完成一次新增、编辑和删除，结果正确 - [ ] 刷新页面后，保存的数据仍然存在 - [ ] 没有数据和没有搜索结果时，都有清楚的提示 - [ ] 手机宽度下所有操作都可用
在你自己的终端依次运行官方文档
npm create vite@latest my-app -- --template react-ts cd my-app npm install npm run dev
先安装满足框架要求的 Node.js。已有项目请跳过初始化。
交付之前，实际走一遍
- 完成一次新增、编辑和删除，结果正确
- 刷新页面后，保存的数据仍然存在
- 没有数据和没有搜索结果时，都有清楚的提示
- 手机宽度下所有操作都可用
需求留在当前浏览器；不会发送给模型或保存到服务器。
不需要 API Key 适用于你正在用的 AI 编程工具 可编辑、可复制、可下载
想做什么？从一个场景开始。
先把第一版做小，再把一件事做好。
从「能生成」，到「能交付」。
具体的实践，比一句万能提示词更有用。
AI 编程AI 编程错误排查依赖管理
给 AI 的第一条需求，怎么写才具体
用用户、核心任务、首版范围、数据边界与验收标准组织 AI 编程需求，并下载可编辑的项目开工简报。
AI 说“完成了”，接下来检查这几件事
从真实流程、内容真实性、手机布局、搜索可见性与数据边界检查 AI 生成的网站，用可操作的清单决定是否上线。
npm start 跑不起来？先看 scripts
从项目目录、package.json 和 scripts 三步定位 npm start 的 Missing script 错误，分清 Vite 开发与生产启动命令。
npm install 还是 npm ci？
了解 npm install 与 npm ci 对 lockfile、node_modules 和依赖变更的处理，选择本地开发与 CI 的安装方式。
需要加一个依赖？先知道为什么。
按实际用途选择工具，把安装留给真正需要的时候。
想法不用一次想完整。
先让第一版有个边界。
选一个场景，写下你最想解决的问题。