# Free AI
前言
付费上班时代已来临，今天你使用 AI 偷懒了吗？
# AI 免费策略
| 功能场景 | 官网 | 推荐模型 | 备注 / 额度 |
|---|---|---|---|
| 简单编码 | Trae CN 国内版 | GLM-5.3-Flash | 每天150积分 |
| 复杂编码 | Trae 国际版 | Gemini-3-Flash-Preview | 每月$1 免费额度 |
| 额度补充 | DeepSider | * | 白嫖各路大模型 |
| 日常提问 | DeepSeek | DeepSeek | 官网尽情使用 |
| 翻墙提问 | ChatGPT | GPT-5.6 luna | 翻墙必须欧美节点 |
| 翻墙提问 | Google AI Studio | Gemini-3.1-Pro-Preview | 翻墙必须欧美节点 |
| UI 设计稿生成 | Stitch (opens new window) | Gemini | 目前免费 |
| AI 免费去水印 | 水印魔术擦 | lama | 我镜像的 |
# AI 使用策略
- 日常提问：DeepSeek
- 翻墙提问：GPT-5.6
- 日常开发：GLM-5.3-Flash
- 前端开发：Gemini-3-Flash-Preview
- 后端开发：GPT-5.x
# AI 问答
# AI 工具
| 名称 | 价格/免费额度 | 备注 |
|---|---|---|
| Cursor (opens new window) | $20/月 | 最贵，最好用 |
| Trae (opens new window) 国际版 | 每月 $1/月免费额度 | 复杂功能用它 |
| Trae CN (opens new window) 国内版 | 每天 150 积分 | 简单功能用它 |
| DeepSider (opens new window) 免费 | 每天 200 积分 | Chrome 插件 |
| DeepSeek (opens new window) 免费 | 日常提问足够用 | 官网 |
# Cursor 设置中文提交总结
在项目根目录新建 .cursorrules 文件，写入以下内容：
When generating a Git commit message for this repository, output exactly one line and nothing else.
Format: <type>(<scope>): <中文摘要>
Rules:
- One line only. No subject body, no bullet list, no English explanation, no trailing period.
- <type> is lowercase English, chosen from the staged diff: feat (new behavior), fix (bug fix), docs (docs or comments), style (formatting only), refactor (restructure without behavior change), perf (performance), test (tests), chore (config, deps, or chores).
- <中文摘要> states what changed and why, based on the diff content. Write one Chinese phrase of roughly 20 to 60 characters: name the module or page, the concrete change, and the user-visible outcome when the diff shows one. Avoid titles of only a few characters.
- Keep the whole message under 120 Chinese characters when possible.
Examples:
feat(book): 图书选择弹窗新增专业分类级联筛选并按所选末级分类查询列表
fix(login): 修复页面刷新后登录态丢失导致用户需要重新登录的问题
docs(api): 补充图书列表接口的筛选参数、返回字段以及错误码说明
chore(build): 调整生产环境构建配置以修正静态资源路径和打包输出
再把.cursorrules写进 .git/info/exclude 文件，确保它不会被提交到仓库中。
# Cursor 对接 Mastergo MCP
- 确保
Cursor版本>= 0.46 - 登录
mastergo官网，个人设置>安全设置>生成令牌 token - 登录
Cursor，点击右上角的个人头像，点击设置 - 点击
Features，勾选Enable auto-run mode - 选择
MCP，点击Add new global MCP server - 最开始提示没有配置文件，点击
Create按钮，自动创建一个空的配置文件 - 粘贴
mastergo的MCP配置，网上的都不对，必须这么写，替换你的token：
{
"mcpServers": {
"mastergo-magic-mcp": {
"command": "cmd",
"args": ["/k", "npx", "-y", "@mastergo/magic-mcp", "--token=<YOUR TOKEN>", "--url=https://mastergo.com"],
"env": {}
}
}
}
- 打开
cmd，先全局安装：npm i -g @mastergo/magic-mcp - 返回
Cursor，点击右上角刷新按钮，自动打开cmd对话框，不要关闭对话框 - 在
mastergo设计稿里，随便选择一个图层，复制地址栏地址，粘贴到Cursor的对话框中 Cursor要选择Agent模式，让它生成html代码
# AI 提示语
# 0）全局提示语
你是优秀的高级前端开发工程师。
Always respond in 中文。
回复的代码，在关键代码前需要写中文注释。
如果要根据图片生成前端代码，要严格还原图片中的界面，效果要一模一样。
如果要生成 vue 代码，要使用 vue2 的语法。
# 1）国际化当前文件
第一步提示语：
使用 vue-i18n 的语法，国际化当前文件。
翻译成两种语言：英文和简体中文。
提取当前文件中的所有中文，不包括注释。
在提取中文的时候，如果中文在 data 中，需要在 computed 中新建同名的字段，返回国际化后的值，并注释掉 data 中的字段。
创建对应的翻译键值对。
在 src/locales/en.json 和 src/locales/zh-CN.json 文件中，新增一个字段，名称是当前文件名的小写，存放翻译键值对。
第二步提示语：
文件中还有很多中文没有国际化，请国际化剩余的中文文本，并更新相关文件。
# 2）根据图片生成 vue 组件
根据图片中的界面，在当前文件中，使用 vue2 语法，编写一个 vue 组件。
界面中的部分文字内容，使用变量替代，并在 data 中定义变量。
样式使用 scss 语法。
# 3）根据图片生成普通网页
在当前文件中，编写 html 和 css，还原图片中的界面。
css 要写在当前文件中。