编程之所以容易出错，出现bug。是因为修改后和整体性的不协调造成的。拆得越细，步骤越多，越容易出错。许多程序员会发现，这里修复了，那里又坏了。总是拆东墙补西墙。市面上许多主流apk之所以不断升级，因为就算有专家维护，但这种问题也很难避免。ai编程这种情况更加明显。要把编程做好，就像生孩子，不能先生出一只手或或一条腿，然后组装。必须要整个一起生出来。开头越是全面，后面的问题越少。
所以算力差的ai站点或服务无法很好的同时处理一条字数过多的提示词。一条上千字就容易卡死。
虽然万事开头难，但天下难事，必作于易。天下大事，必作于细。还是要看算力合理拆分才能适应这种并不完美的环境。ai编程提示文样本
每一句都是一个指令，用逗号和句号区分。
第一步基础如下：
请设计并生成一个名为“狐AI”的 AI 绘图web项目。项目目标是实现一个简洁、移动端友好、容易操作、可快速部署的 AI 绘图工具，支持 Cloudflare、Vercel 和 和类似平台部署，Docker 部署，wasmer部署，并在 GitHub 中提供清晰的部署指南，构建指令，关键变量，和重点说明。项目技术栈要求：
部署：支持 Cloudflare Pages、cf的Workers部署，Vercel、Docker- 后端：优先使用 Cloudflare Workers 或 pages。可使用传统数据库和接入d1，也支持登录、设置、历史记录等功能通过浏览器本地存储、环境变量、配置文件或加密 token
项目结构清晰，代码模块化，便于后续扩展功能需求：
1、文本生成图像 - 支持输入正向提示词 - 支持输入负向提示词 - 支持调整图像尺寸 - 支持选择采样方法 - 支持生成高质量图片 - 必须保证文本生成图像功能可用、稳定、不出错
2、图像生成图像 - 支持上传参考图 - 支持基于图片进行二次生成 - 必须保证图像生成图像功能可用、稳定、不出错
3. AI 绘图接口 - 支持接入 Cloudflare AI API - 支持配置 Cloudflare API Token 和 Account ID - 支持扩展接入其他免费算力平台或公开模型接口 - 如果外部平台不可用，需要显示明确错误提示，不能出现功能失效、卡死或静默失败
4. 模型管理 - 支持模型列表展示 - 支持模型互联网搜索 - 支持模型收藏或保存 - 默认展示 30 条模型 - 支持模型名称一键翻译成中文 - 模型翻译失败时，保留原始英文名称
5. 历史记录 - 保存已生成图像记录 - 支持查看历史记录 - 支持删除历史记录 - 支持下载历史记录图片 - 历史记录不依赖数据库，可使用浏览器本地存储或文件存储实现
6. 用户系统 - 支持用户名和密码登录 - 不必使用数据库 - 登录状态可通过本地存储、加密 token、环境变量或配置文件管理 - 生产环境必须支持配置管理员账号 - 不能硬编码明文密码
7. 设置功能 - 支持基础设置页面 - 支持恢复出厂设置 - 支持夜间模式切换 - 支持调整图像生成参数 - 设置项应简洁、直观、适合手机端操作界面要求：1. 移动端优先2. 界面简洁3. 操作路径短4. 按钮和输入框适合手机点击5. 支持夜间模式6. 面板标题显示为“狐AI”7. 主要功能入口清晰，包括： - 文本生成图像 - 图像生成图像 - 模型选择 - 历史记录 - 设置 - 夜间模式切换
禁止事项：1. 不得出现文本生成图像功能不可用2. 不得出现图像生成图像功能不可用3. 不得出现上传文件失败但无提示4. 不得出现模型加载失败但无提示5. 不得出现历史记录无法删除或下载6. 不得出现登录功能无法使用7. 不得在生产环境中硬编码明文密码。
请输出完整项目方案，包括： 技术栈说明。环境变量说明。部署指南。 部署注意事项和常见错误排查方法。
第二步优化提示词：
项目实现免费算力也可绘正确清晰的图。增加全网热门免 Key 开源模型的搜索功能和保存功能，能搜索各种热门免费模型。能正常生成和显示敏感内容，有开关。有效的提示词中英互译问题。有效预防生图不准确，质量问题。模型库至少十个海报，增加一键搜索和加入功能。模型分类，并标出免费的。输入搜索功能的实现。 风格区在实时绘图工作台预览下方。在提示选项区下方增加负向提示词框，可一键生成优化建议。Cloudflare Workers AI 绘图算力只需要在cf后台操作绑定，重新部署即可实现。免费算力的出厂预设和外接算力使用的实现。
提示词中英互译的功能实现。并带状态指示。历史图片记录可一键绘图的实现。重点预防api调用无效，不出图，生成图片不准确和质量问题。ai对话和翻译内置api，也可外接api。
第三步后期修改录
登录界面可管理员密码登录，注册用户，邮箱注册。
支持各种部署，支持 Zeabur / Render / Railway 部署 Netlify 部署并增加部署指南。支持Cloudflare D1 数据库和其他数据库绑定功能并增加详细指南。在仓库自述文件增加cf拉取部署指南。
在历史记录页面分为两个区，一个区为历史图片。一个区可绑定R2对象储存用于选择存储历史图片的功能实现，R2存储空间可下载图片，显示图片大小，R2 内的文件管理界面实现和总剩余空间显示。
增加R2绑定指南，并说明单个2兆以上图片需接入R2才能同步支持。自定义图片生成尺寸的实现。
设置页面分区排序从上到下为：
一键切换夜间模式。
一键在电脑版与手机端无缝切换。
融合算力引擎选择。
其他外接算力 KEY 配置。
外接 AI 对话与翻译 API Key 配置。
密码修改区，管理员可查看使用设备。Cloudflare 的API 状态指示灯。
D1 数据库绑定状态指示灯。
R2绑定状态指示灯。
一键退出按键。
Cloudflare 后台一键绑定d1和R2说明。
（分区有折叠功能，默认收起，但打开的保持刷新后不收起。）
历史记录批量管理的实现。历史记录在接入数据库后可同步，设置的同步。
优化文生图选区，功能界面和图生图基本一样。
检查并优化，保证不出现生成图片的错误。
增加底部主分区切换按键。
设置区增加主题调色按键功能的实现。
登录界面管理员密码区仅部署时变量密码可登入。无需数据库可注册和登入，有数据库时可保存注册信息。
登录界面背景为白色，白狐的艺术图案。更多的算力接入和绘图实现，
并标出免费。
每条算力应用互不干扰，
模型能真正搜索互联网的并保存。
算力和模型，风格在绘图时的功能完美融合实现，能绘出高质量画面。
最后检查并修改错误，实现无论有没有数据库都能顺利，正常的绘图。
管理员登录界面无需管理员账号，只需管理员密码即可登入的实现。重点检查和解决不出图的问题，出图质量差的问题。
历史图片支持查看和下载。
修改为更适合手机操作的界面和电脑界面。主题默认色调为蓝色，色调切换的有效修复和实现。底部按键更美观优化。手机和电脑界面的一键切换修复。语言切换的有效修复。算力应用的有效修复。解析图片的有效修复。综合检查和修复，避免冲突和未知错误。
第四步再修改记录
Cloudflare API 状态指示灯再增加一个，功能查看接入cf的token成功状态。
在网页输入cf的id和token能有效应用于绘图。
将cf算力优先改为手动选择算力后保持选择记忆状态不再跳回cf算力项。不因为刷新网页影响选择，保证各算力正常使用。
增加更多免费算力接口，OpenAI 为必须。每种算力的正常使用。增加兼容所有有算力的接口。
提示词一键中英互译的修复。
分析图片词汇的功能修复。
底部按键图标改为正常大小，修复图标错误，更换更漂亮的图标。
历史记录显示图片信息，图可一键载入绘图参数。
增加生图的高级设置调节功能。
搜索到的模型显示缩略图和详细信息，一键查看源站点信息，加入模型库的可实现数据同步。
非管理员不能修改管理员保存的token和id。
管理员可查看注册用户区在设置区底部。邮箱注册用户信息在接入d1后可同步。
在设置底部增加仅管理员可见的回复邮箱注册用户验证码功能的预留功能，可自行配置回复邮箱。不配置不用验证码就可注册，配置后打开功能按键则需要邮箱验证码才能注册。
连接数据库后可同步历史记录，提示词草稿，设置，其他外接算力 KEY 配置。
