AI编程（一）：TRAE提示词指南

一、前言

TRAE是字节跳动推出的一款AI编程的得力助手，他可以作为插件安装在VSCode中，也可以作为编辑器独立使用。

分国内和国际版，国内版本可以选择豆包、DeepSeek等模型作为智能对话引擎，还能对接MCP Server等功能。

编程上可以直接通过自然语言对话，然后编辑器分解成自动化任务，自动执行，还是非常方便，我也是刚玩这个IDE，顺便整理了几个提示词，仅供参考。

二、写 MCP Server

我想写一个Go语言的计算器MCP Server，具体需求如下：

使用场景：能配置在Trae编辑器的本地MCP Servers中

已有环境：
1. Go 1.23.3
2. Trae CN 0.5.7

技术要求：
1. 使用mcp-go库，基于SSE模式
2. 该MCP Server中要添加工具、资源、提示词
3. 本地开启的端口是8090

请提供完整的代码实现，并可能配置到Trae中，不能让他启动时报错。

三、写豆瓣电影爬虫

我想写一个Python爬虫来爬取豆瓣电影Top250的信息，具体需求如下：

目标网站：https://movie.douban.com/top250

需要爬取的信息：
1. 电影排名
2. 电影名称（中文名+外文名）
3. 导演
4. 主演（最多3个）
5. 上映年份
6. 制片国家/地区
7. 电影类型
8. 豆瓣评分
9. 评价人数
10. 一句话简介
11. 电影海报图片链接

技术要求：
1. 使用 requests + BeautifulSoup 进行爬取
2. 添加合理的请求头，模拟正常浏览器访问
3. 设置随机延时（1-3秒），避免请求过快
4. 处理可能的反爬措施（如需要登录、验证码等）
5. 使用 logging 记录爬取进度
6. 异常处理：网络错误、解析错误等

数据存储：
1. 爬取的数据保存为 CSV 文件
2. 同时保存为 JSON 文件，方便后续处理
3. 图片链接单独保存在一个文本文件中
4. 使用 pandas 对数据进行简单清洗

额外功能：
1. 支持断点续爬（如果中途中断，下次可以继续）
2. 爬取完成后，生成简单的数据分析：
   - 各年代电影数量分布
   - 各国家/地区电影数量
   - 评分分布直方图
   - 导演作品数量排行（前10）

3. 生成一个 HTML 报告，展示爬取结果的统计信息

代码规范：
- 使用类来组织代码
- 添加详细的中文注释
- 遵循 PEP 8 编码规范
- 提供使用说明和依赖库列表

请提供完整的代码实现，并说明如何处理可能遇到的反爬问题。

四、写轮播图组件

帮我写一个轮播图组件，要求如下：

使用场景：电商网站首页的商品推荐轮播

具体需求：
1. 基础功能：
   - 自动播放，每3秒切换一次
   - 鼠标悬停时暂停播放
   - 支持左右箭头切换
   - 底部有小圆点指示器
   - 支持手机端的左右滑动

2. 样式设计：
   - 轮播图尺寸：宽度100%，高度400px（PC端）/ 200px（移动端）
   - 图片要保持16:9比例，多余部分裁切
   - 左右箭头：半透明白色背景，hover时不透明度增加
   - 指示器：白色圆点，当前项为主题色 #ff6b6b
   - 切换动画：淡入淡出效果，持续时间300ms

3. 技术要求：
   - 使用 Vue 3 的 Composition API
   - 不依赖第三方轮播库，原生实现
   - 支持 TypeScript
   - 样式使用 CSS Module

4. 数据结构：
   传入的图片数组格式：
   [{
     id: 1,
     url: '图片地址',
     title: '图片标题',
     link: '点击跳转链接'
   }]

5. 额外功能：
   - 图片懒加载
   - 支持传入自定义切换时间
   - 暴露切换方法供父组件调用
   - 切换时触发 change 事件

请提供完整的 Vue 组件代码，包括详细的注释说明。

五、写瀑布流页面

我想做一个仿小红书的瀑布流图片展示页面，具体需求如下：

技术栈：
- 使用 React 18 + TypeScript
- 样式使用 Tailwind CSS
- 状态管理用 Zustand
- 图片懒加载使用 react-lazyload

页面结构：
1. 顶部搜索栏：
   - 左侧logo（文字"小蓝书"）
   - 中间搜索框，带搜索图标，placeholder"搜索你感兴趣的内容"
   - 右侧发布按钮

2. 瀑布流主体：
   - 两列布局（移动端），三列布局（平板），四列布局（桌面端）
   - 每个卡片包含：
     * 图片（宽度100%，高度自适应）
     * 标题（最多两行，超出显示...）
     * 作者头像（圆形，24px）和昵称
     * 点赞数（红心图标+数字）
   - 卡片hover效果：轻微上浮，阴影加深
   - 点击卡片有按压效果

3. 数据加载：
   - 首次加载20条数据
   - 滚动到底部自动加载更多
   - 加载时显示 loading 动画
   - 使用 mock 数据，包含不同高度的图片

样式要求：
- 整体风格清新简洁
- 主色调：#fe2c55（小红书红）
- 背景色：#f5f5f5
- 卡片背景：纯白，圆角 8px
- 适配 iPhone 12 及以上机型

交互效果：
- 下拉刷新功能
- 图片加载失败显示默认图
- 点赞动画：点击后红心放大再缩小
- 页面切换使用渐入效果

请生成完整的代码，包括组件拆分、样式处理和数据 mock。