教程
从添加到主屏幕、创建工具到修改 DIY 工具，按下面步骤即可快速上手。
1. 手机端添加到主屏幕（获得更优体验）
在手机浏览器中打开本站后，将网站「添加到主屏幕」，再从主屏幕图标进入，可避免底部浏览器导航栏遮挡工具区域，全屏模式下体验更好。手机端顶栏为汉堡菜单，点击可展开「工具列表」「教程」「设置」等导航。
- iOS（Safari）：点击底部「分享」→「添加到主屏幕」→ 命名后「添加」。
- Android（Chrome 等）：点击菜单（⋮）→「添加到主屏幕」或「安装应用」→ 确认。
2. 两种创建工具的方法
本站支持两种方式创建新工具：用本站内置 AI 一键生成，或自己提供 HTML 源码。
- 用 AI 创建：在首页点击「用 AI 创建」，或进入 用 AI 创建 页面，输入你想做的工具描述（如「一个番茄钟」），由本站调用你在「设置」里配置的 AI（如 DeepSeek）生成 HTML 并保存为本地工具。需先在「设置」中填写「我的 AI」API Key。
- 用源码创建：在首页点击「用源码创建」，或进入 用源码创建新工具 页面，粘贴完整的单页 HTML 代码，填写工具名称、图标和描述后保存，即可在「我创建的工具」中使用。
「需 API Key」如何判定？ 创建时系统会根据生成的或粘贴的 HTML 自动检测是否调用了 Host 桥的调 AI（host:chat），并自动标记。仅当工具会调用大模型时，站内会显示「需 API Key」并提醒用户在「设置」中配置「我的 AI」；纯本地工具（如番茄钟、计算器）不会出现该提示。编辑时，仅对会使用 AI 的工具展示「此工具会使用 AI 接口」开关。
使用外部 AI 生成工具
若使用豆包、Claude、ChatGPT 等外部 AI生成工具 HTML，请先下载下方说明文档并全文发给该 AI 作为参考，生成的代码才能正确使用本站的调 AI、请求外链等能力（Host 桥协议）。
下载说明文档（供外部 AI 参考）3. 修改 DIY 工具的逻辑
对已创建的本地工具，可以查看源码、复制后交给外部 AI 或自己手动修改，再通过「替换源码」更新工具行为。
- 在「我创建的工具」中打开该工具，点击顶部「查看源码」。
- 在弹窗中复制完整 HTML 源码（可粘贴到本地编辑器或发给外部 AI）。
- 让外部 AI 按你的需求修改代码（可配合上面的「说明文档」），或自己手动编辑。
- 在工具页点击「替换源码」，在弹窗中可点击「全选」后直接粘贴修改后的 HTML（手机端更方便），保存即可更新该工具。
内置工具（如简约时钟）也可「查看源码」后复制，再通过「用源码创建新工具」另存为你的工具后再修改。
4. 账号登录与跨设备同步
顶部导航提供登录与注册。使用邮箱+密码注册并登录后，备忘录等用户数据会在多设备间同步；未登录时仍可使用工具，数据仅保存在当前浏览器（匿名身份）。
若注册时提示「账号系统未配置」，表示站点尚未配置存储后端，需由部署方完成 CloudBase 或 Vercel KV 及 AUTH_JWT_SECRET 等必要配置。