# Free AI

前言

付费上班时代：上班为完成超额工作需要助手，助手需要付费，已闭环！

# AI 问答

# AI 阅读

Kimi 会阅读文件的 AI 助手 (opens new window)

# AI 导航

# AI 社区

huggingface.co (opens new window)（需要翻墙）
openrouter.ai (opens new window)

# AI 插件

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

# AI 工具

名称	价格/免费额度	备注
Cursor (opens new window)	$20/月	最贵，最好用
Trae (opens new window) 国际版	首月 $3/月，续订 $10/月。包年 $7.5/月	仅首次登录需要翻墙
Copilot (opens new window)	$10/月或 $100/年	VSCode 插件
DeepSider (opens new window) 免费	唯一可以白嫖 Claude 4 的插件 👍	Chrome 插件
DeepSeek (opens new window) 免费	日常提问足够用	网页版
v0.dev (opens new window) 免费	每月5美元免费额度，够250次请求	网页版

Cursor 最好用，最贵
Trae 国际版最实惠（600次请求/月)
DeepSider 注册时输入我的邀请码：683570c82a9318c0f3250400，每天白嫖6次 Claude 4！
v0 每个月可以白嫖200次左右图片生成网页的功能

# 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 要写在当前文件中。