Free AI

前言

付费上班时代已来临，今天你使用AI偷懒了吗？

AI 免费策略

功能场景	官网	推荐模型	备注 / 额度
开发简单功能	Trae CN 国内版	-	完全免费，选择不用排队的二流模型
开发复杂功能	Trae 国际版	Gemini-3-Pro-Preview	每月$3免费额度
额度补充	Google AI Studio	Gemini-3-Pro-Preview	免费10多次/天，翻墙必须欧美节点
额度补充	DeepSider	Claude-Sonnet-4.6	Trae 额度用完后，每天可白嫖 2 次
日常提问	DeepSeek	DeepSeek	官网尽情使用
AI 图片生成	DeepSider	Nano Banana 2	每天可以白嫖 3 次
UI 设计稿生成	Stitch (opens new window)	Gemini	目前免费
AI 免费去水印	Magic Eraser	-	免费

AI 使用策略

• 日常提问：DeepSeek
• 日常开发：GLM-5
• 前端开发：Gemini-3.x
• 后端开发：GPT-5.x
• 不差钱的：Claude Opus 4.6

AI 问答

• DeepSeek (opens new window)
• DouBao (opens new window)

AI 插件

• TONGYI Lingma 通义灵码 (opens new window) （阿里 VSCode 插件）代码提示很不错 🎉

AI 工具

名称	价格/免费额度	备注
Cursor (opens new window)	$20/月	最贵，最好用
Trae (opens new window) 国际版	首月 $3/月，续订 $10/月。	仅首次登录需要翻墙
Trae CN (opens new window) 国内版	免费	复杂功能用国际版
DeepSider (opens new window) 免费	每天白嫖两次 Claude 4 👍	Chrome 插件
DeepSeek (opens new window) 免费	日常提问足够用	官网
Copilot (opens new window)	$10/月 或 $100/年	VSCode 插件

Cursor 对接 Mastergo MCP

1. 确保 Cursor 版本 >= 0.46
2. 登录 mastergo 官网，个人设置 > 安全设置 > 生成令牌 token
3. 登录 Cursor，点击右上角的个人头像，点击 设置
4. 点击 Features，勾选 Enable auto-run mode
5. 选择 MCP，点击 Add new global MCP server
6. 最开始提示没有配置文件，点击 Create 按钮，自动创建一个空的配置文件
7. 粘贴 mastergo 的 MCP 配置，网上的都不对，必须这么写，替换你的 token：

{
    "mcpServers": {
        "mastergo-magic-mcp": {
            "command": "cmd",
            "args": [
                "/k",
                "npx",
                "-y",
                "@mastergo/magic-mcp",
                "--token=<YOUR TOKEN>",
                "--url=https://mastergo.com"
            ],
            "env": {}
        }
    }
}

8. 打开cmd，先全局安装： npm i -g @mastergo/magic-mcp
9. 返回Cursor，点击右上角刷新按钮，自动打开cmd对话框，不要关闭对话框
10. 在mastergo设计稿里，随便选择一个图层，复制地址栏地址，粘贴到 Cursor 的对话框中
11. 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 要写在当前文件中。