目录
介绍
TRAE
Trae 作为字节跳动在 2025 年初推出的 AI 原生集成开发环境，正在改变很多开发者的工作方式。它不像传统 IDE 那样需要大量手动操作，而是将 AI 深度融入整个开发流程。无论是通过自然语言创建项目的 Builder 模式，还是实时解答编程问题的 Chat 模式，都让代码编写变得更为直观。特别值得一提的是它的 SOLO 模式，能够直接从需求文档开始，自动完成代码编写、测试到部署上线的全过程，真正实现了'一句话启动项目'的自动化开发。
- Builder 模式：通过自然语言指令自动创建项目结构。
- Chat 模式：实时问答解决编码难题。
- SOLO 模式：实现从需求到上线的全流程自动化开发。
- 设计稿转代码：支持将设计稿直接转换为代码。
这款工具最吸引人的特点之一是其灵活的多模态交互能力。开发者不仅可以通过文字与 AI 对话，还能使用语音指令直接修改代码——比如对着麦克风说出'在 useEffect 里加个防抖'，AI 会精准定位并插入相应代码。同时，它支持将设计稿直接转换为前端代码，大大减少了从 UI 到代码的转换时间。对于国内开发者来说，Trae 集成了 DeepSeek、豆包等本土模型，生成中文代码的准确率显著提升，而且完全免费，这对个人开发者和小团队非常友好。
对于已经习惯其他编辑器的开发者，Trae 提供了平滑的迁移路径。它可以一键导入 VS Code 或 Cursor 的配置与插件，让你几乎无感地切换到新环境。从实际使用来看，Trae 不仅仅是一个工具升级，更像是为开发者配备了一位全能的编程助手——它负责处理重复性任务，而开发者可以更专注于架构设计和核心逻辑，这种人机协作模式正在重新定义现代软件开发的工作节奏。
Cherry Studio
Cherry Studio 是一个支持多平台的 AI 客户端，支持 Windows、macOS、Linux 平台，未来也会支持移动端。项目自 2024 年 7 月至今已迭代数百个版本，我们致力于打造一个更加高效、安全、易用的客户端，让更多人能够享受到 AI 带来的便利。
Cherry+CoinDesk 新闻服务器
CoinDesk 新闻服务器是一个类似于加密货币新闻服务器的专业资讯助理，专门为 AI 应用或开发者提供结构化的加密货币新闻数据。
主要功能与服务特点
这个服务器主要提供以下两个核心功能：
- 获取最新新闻列表：可以从 CoinDesk 等指定的知名加密货币新闻网站获取最新的新闻列表。返回的信息是结构化的，包含新闻的标题、链接、发布日期和内容摘要，非常便于程序进行下一步处理。
- 阅读完整新闻内容：在获取新闻列表的基础上，还可以通过某条新闻的 URL 链接，进一步获取其完整的文章内容。更便利的是，服务器会自动将内容转换为清晰易读的 Markdown 格式。
它的主要优势和特点可以概括为以下几点：
- 多源信息聚合：支持多个权威的加密货币新闻来源，CoinDesk 是其中之一，能帮助你一站式获取信息。
- 开箱即用的结构化数据：直接提供处理好的新闻数据，省去了你自己从原始网页抓取和清洗数据的麻烦。
- 灵活的部署方式：提供了 Docker、PyPI 和 GitHub 三种安装和部署方式，你可以根据自己的技术环境和偏好灵活选择。
我在 MCP 服务市场找到 CoinDesk 新闻服务器。
点击 CoinDesk 新闻服务器并进入，此时我们会看到页面中有一个 json，复制 json 里面的内容。
然后我们进入 Cherry 的 MCP 配置页面，在设置——>MCP——>添加（选择从 JSON 导入），然后将前面的 json 里面内容粘贴进去即可。
在 cherry 上添加 CoinDesk 新闻服务器 MCP 后，并进行开启，此时我们就完成了 CoinDesk 新闻服务器 MCP 的连接。
测试
接下来我们去测试一下生成的内容是什么，第一个是直接输出的，第二个是我让他利用前端页面展示的
按照这个格式：🌐 Lethehong
AI 早报 2025 年 10 月 17 日
火山引擎发布豆包大模型 1.6 升级版，原生支持四种思考长度，输出 Tokens 下降 77.5%，同步推出轻量级 1.6 lite 版本。通义千问上线 Qwen Chat Memory 功能，赋予 AI 助手长记忆能力，可理解并记忆用户偏好与习惯。Manus 推出 AI 智能体 Manus 1.5，任务完成时间缩短近四倍，还推出轻量版智能体 Manus-1.5-Lite。百度搜索推出 AI 短剧生成平台，支持自动生成和人机协作模式，提供创作基金和流量扶持。谷歌 DeepMind 开始推送 Gemini 3.0 Pro 模型，引入 Deep Think 推理架构，支持实时摄像头输入和前端代码生成。Sora2 发布更新，免费用户可生成 15 秒视频，Pro 用户支持 25 秒视频及故事板精确镜头控制功能。苹果发布搭载 M5 芯片的 14 英寸 MacBook Pro，神经网络引擎每秒运算 38 万亿次，AI 性能提升，支持本地大模型运行。
利用 CoinDesk 新闻服务器这个 mcp 帮我输出 10 月 18 日科技圈的早报内容
TRAE SOLO+ 热点新闻 MCP 数据源
经过前面的审查，我发现这样不太行，太那啥了，于是我借助 TRAE SOLO 制作一个'用户可以在前端界面直接查看每日早报内容'的 web app。于是我又找呀找，找到了热点新闻 mcp。那就试试吧！
这里还是一样的基本操作，在 MCP 服务广场通过搜索找到'热点新闻 mcp'。
点击进入热点新闻 mcp 之后往下翻，看到 NPX 下的 json 即可，然后接着进行复制 json 里面的内容。
紧接着在 TRAE SOLO 里面的 MCP 下面，点击添加——>然后点击'手动添加'。
点击之后会出现一个手动配置的页面，我们把里面的示例内容删除，然后将前面复制的 json 内容粘贴到里面即可。
出现这个'绿色√'则表示已经成功连接。
{ "mcpServers": { "mcp-server-hotnews": { "command": "npx", "args": [ "-y", "@wopal/mcp-server-hotnews" ], "disabled": true } } }
然后我们回到对话页面，输入提示词。
提示词如下：
用户可以在前端界面直接查看每日早报内容。 采用自建 Serverless 方案（Vercel/Netlify Functions），适用于需要复杂抓取逻辑且不希望公开代码仓库的场景。 具体实施方案： 1. 将抓取脚本改造为 Vercel Function 服务 2. 配置每日 0 点自动触发执行任务 3. 前端通过调用 fetch('/api/news') 接口获取处理后的数据 该方案既保持了前端调用的简洁性，又提供了强大的数据处理能力和代码隐私保护。同时整合了已连接的热点新闻 MCP 数据源。
# 每日早报系统 - 部署指南 ## 环境要求 - Node.js 18.x 或更高版本 - npm 或 pnpm 包管理器 - Vercel 账户（用于部署） ## 本地开发 1. **安装依赖** ```bash npm install # 或 pnpm install ``` 2. **配置环境变量** 复制 `.env.local.example` 为 `.env.local` 并填入实际配置： ```bash cp .env.local.example .env.local ``` 需要配置的环境变量： - `MCP_NEWS_API_URL`: MCP 热点新闻 API 地址 - `MCP_NEWS_API_KEY`: MCP API 密钥 - `KV_REST_API_URL`: Vercel KV 存储 URL - `KV_REST_API_TOKEN`: Vercel KV 访问令牌 - `NEXT_PUBLIC_APP_URL`: 应用访问地址 - `CRON_SECRET`: 定时任务授权密钥 3. **启动开发服务器** ```bash npm run dev # 或 pnpm dev ``` 4. **访问应用** 打开浏览器访问 `http://localhost:3000` ## Vercel 部署 ### 1. 准备工作 - 确保代码已推送到 Git 仓库（GitHub、GitLab 或 Bitbucket） - 拥有 Vercel 账户 ### 2. 部署步骤 1. **连接 Vercel** - 登录 [Vercel Dashboard](https://vercel.com/dashboard) - 点击 "New Project" - 选择你的 Git 仓库 2. **配置项目** - Framework Preset: Next.js - Root Directory: `./`（如果项目在根目录） - Build Command: `npm run build` - Output Directory: `.next` 3. **设置环境变量** 在 Vercel 项目设置中添加以下环境变量： ``` MCP_NEWS_API_URL=https://your-mcp-api.com/news MCP_NEWS_API_KEY=your_actual_api_key KV_REST_API_URL=https://your-kv-store.kv.vercel-storage.com KV_REST_API_TOKEN=your_actual_kv_token NEXT_PUBLIC_APP_URL=https://your-domain.vercel.app CRON_SECRET=your_secure_cron_secret NODE_ENV=production ``` 4. 部署 - 点击 "Deploy" 开始部署 - 等待构建完成 ### 3. 配置 Vercel KV 1. 创建 KV 数据库 - 在 Vercel Dashboard 中进入 "Storage" 选项卡 - 点击 "Create Database" - 选择 "KV" - 输入数据库名称并创建 2. 连接到项目 - 选择刚创建的 KV 数据库 - 点击 "Connect Project" - 选择你的项目并连接 3. 获取连接信息 - 连接后，Vercel 会自动添加 `KV_REST_API_URL` 和 `KV_REST_API_TOKEN` 环境变量 ### 4. 配置定时任务 定时任务已在 `vercel.json` 中配置： ```json { "crons": [] } ``` 这将在每天午夜（UTC 时间）自动执行新闻更新任务。 ### 5. 自定义域名（可选） 1. 在 Vercel 项目设置中点击 "Domains" 2. 添加你的自定义域名 3. 按照提示配置 DNS 记录 4. 更新 `NEXTAPPSECRET` 环境变量 - 验证 cron 表达式格式 - 查看函数执行日志 4. - 检查 Vercel KV 连接状态 - 验证 KV 访问令牌 - 清除浏览器缓存 ### 联系支持 如果遇到无法解决的问题，可以： - 查看 []() - 联系 Vercel 技术支持 - 在项目仓库中提交 Issue
AI 早报产品需求文档
用户操作流程：
- 用户访问首页，查看当日早报头条和新闻列表
- 用户可通过分类导航筛选感兴趣的新闻类别
- 用户点击新闻标题进入详情页查看完整内容
- 用户可在详情页查看相关新闻推荐
- 用户可使用搜索功能查找特定新闻内容
- 系统每日 0 点自动更新新闻数据
AI 早报技术架构文档
1、架构设计
2、技术描述
- 前端: Next.js@14 + React@18 + Tailwind CSS@3 + TypeScript
- 后端: Vercel Functions (Node.js Runtime)
- 数据源: 热点新闻 MCP 数据源
- 数据存储: Vercel KV (Redis)
- 定时任务: Vercel Cron Jobs
- 部署平台: Vercel Platform
3、API 定义
3.1 核心 API
获取每日早报数据
GET /api/news
Response:
| 参数名称 | 参数类型 | 描述 |
|---|---|---|
| success | boolean | 请求状态 |
| data | NewsItem[] | 早报新闻列表 |
| date | string | 早报日期 |
| total | number | 新闻总数 |
NewsItem 类型定义:
interface NewsItem { id: string; title: string; summary: string; content: string; category: string; source: string; publishTime: string; url: string; isHeadline: boolean; }
获取新闻详情
GET /api/news/[id]
Response:
| 参数名称 | 参数类型 | 描述 |
|---|---|---|
| success | boolean | 请求状态 |
| data | NewsItem[] | 指定日期的新闻列表 |
| related | NewsItem | 新闻详情数据 |
按分类获取新闻
GET /api/news/category/[type]
Request Parameters:
| Param Name | Param Type | IsRequired | Description |
|---|---|---|---|
| type | string | TRUE | 新闻分类 (tech, finance, social, international) |
| page | number | FALSE | 页码，默认为 1 |
| limit | number | FALSE | 每页数量，默认为 20 |
搜索新闻
GET /api/news/search
Request Parameters:
| Param Name | Param Type | IsRequired | Description |
|---|---|---|---|
| q | string | TRUE | 搜索关键词 |
| page | number | FALSE | 页码，默认为 1 |
数据更新任务（内部 API）
POST /api/cron/update-news
Response:
| Param Name | Param Type | Description |
|---|---|---|
| success | boolean | 更新是否成功 |
| updated | number | 更新的新闻数量 |
| timestamp | string | 更新时间戳 |
3.2 数据类型定义
interface NewsItem { id: string; title: string; summary: string; content: string; source: string; sourceUrl: string; publishTime: string; category: string; importance: 'high' | 'medium' | 'low'; tags: string[]; } interface DailyReport { date: string; news: NewsItem[]; summary: string; totalCount: number; categories: string[]; }
4、服务器架构图
5、数据模型
5.1 数据模型定义
5.2 数据存储方案
由于采用 Vercel KV (Redis) 作为缓存存储，不需要传统的 SQL DDL。数据结构如下：
新闻数据缓存结构
// 每日新闻列表缓存 const newsListKey = `news:${date}`; const newsListValue = { headlines: NewsItem[], articles: NewsItem[], lastUpdated: string, categories: { tech: NewsItem[], finance: NewsItem[], social: NewsItem[], international: NewsItem[] } }; // 单条新闻详情缓存 const newsDetailKey = `news:detail:${newsId}`; const newsDetailValue = { ...NewsItem, related: NewsItem[] }; // 搜索结果缓存 const searchKey = `search:${encodeURIComponent(query)}`; const searchValue = { results: NewsItem[], total: number, query: string, timestamp: string };
Vercel Cron 配置 (vercel.json)
{ "crons": [ { "path": "/api/cron/update-news", "schedule": "0 0 * * *" } ] }
环境变量配置
# MCP 数据源配置 MCP_NEWS_API_URL=your_mcp_news_api_url MCP_API_KEY=your_mcp_api_key # Vercel KV 配置 KV_REST_API_URL=your_kv_rest_api_url KV_REST_API_TOKEN=your_kv_rest_api_token # 应用配置 NEXT_PUBLIC_APP_URL=https://your-app-domain.vercel.app
测试
新闻页面
关于页面
