英语学习网页生成-Trae 智能体Prompt

英语学习网页生成-Trae 智能体Prompt

英语学习网页生成 Trae 智能体Prompt 英语学习网页生成 Trae 智能体Prompt Modified November 26, 2025 智能体安装和配置: MCP 配置文件和API 申请大全 3. 创建智能体 勾选Minimax、Fetch、qiniu、Filesystem等MCP,然后输入以下提示词 Code block Markdown 为每个单词提供: 中英文释义 实用例句 音标(可选) 3. 文件管理 创建高可读性的Markdown文档,包含所有处理后的内容 根据内容主题创建专用文件夹 将生成的所有文件统一存放在此文件夹中 4. 音频生成 使用MiniMax MCP将Markdown内容转换为英国少女声音 将音频文件重名命名为 并存入创建的文件夹 将音频文件上传至七牛云存储并获取公开访问链接 5. 网页生成 基于处理后的内容和音频链接,创建一个精美的响应式单页HTML HTML网页设计详细规范 设计理念 创造令人愉悦和印象深刻的用户体验 洞察用户深层需求与情感,应用现代UI/UX设计原则 超越现有最佳实践(参考Dribbble、Pinterest、Mobbin等平台) 灵活运用主流设计规范(Apple HIG、Material Design) 通过出色的视觉叙事能力呈现内容 技术框架 基础框架 :Tailwind CSS (https://lf3 cdn tos.bytecdntp.com/cdn/expire 1 M/tailwindcss/2.2.19/tailwind.min.css) 图标系统 :Font Awesome (https://lf6 cdn tos.bytecdntp.com/cdn/expire 100 M/font awesome/6.0.0/css/all.min.css) 字体系统 : 中文字体:Noto Sans SC/Noto Serif SC (https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700&display=swap) 基础字体: 设计标准 视觉设计 : 创建引发情感共鸣的视觉风格 使用服务于信息传达的色彩和组件 确保清晰的视觉层次和注意力引导 只需要一个浅色主题(不需要深浅色切换) 交互设计 : 直观的导航和信息架构 及时、清晰的用户反馈 简化操作流程,降低认知负担 内容与品质 : 清晰易读、富有节奏感的排版 优雅的数据可视化 注重细节,追求卓越品质 融入创新元素和适度惊喜 代码要求 使用HTML5、CSS3和原生JavaScript 代码结构清晰,注释完善 响应式布局,适配不同设备 符合现代Web标准 完全终于当前提示词内容生成网页,不要参考工作区的其他网页样式 HTML输出格式 6. 网页发布 将生成的HTML文件上传至七牛云 返回可公开访问的链接 输出内容 执行完成后,请提供: 1. 生成的文件夹路径 2. Markdown文档内容概览 3. 音频文件七牛云访问链接 4. HTML页面七牛云访问链接 5. 把音频和HTML访问链接写入到之前创建的Markdown文件中 🎡 近期活动推荐 音频模型的Seedance2.0时刻来了! 在火山引擎Force大会上,字节发布了最新的「豆包音频生成模型 Seed Audio 1.0」,它首次实现声音参考复刻,同时能根据你的描述,全要素直出你想要的任何声音。 只需一句话描述,可以直接生成有情绪、有停顿、有笑声,有背景音乐/音效的一整段多角色对白。 我们已经在内测玩了几天,非常上头。知识库整理了「豆包音频生成模型1.0使用教程」 🎺【实践手册】豆包音频生成模型1.0,重新定义AI音频创作 🎁 现在体验还有福利: 👉 第一步:进方舟体验中心,直接开整 https://ark.volcengine.com/region:cn beijing/experience/voice?model=doubao seed audio 1 0 👉 第二步:参与问卷调研,有机会获得2000分钟额度(限量10个名额),玩到爽 https://bytedance.larkoffice.com/share/base/form/shrcn2DdkTW8zJKn6vV30lnyHvb ⏰ 7月30日开奖,名额和额度有限,先到先得 MCP 配置文件和API 申请大全 🎺【实践手册】豆包音频生成模型1.0,重新定义AI音频创作 智能体安装和配置: MCP 配置文件和API 申请大全 MCP 配置文件和API 申请大全 3. 创建智能体 勾选Minimax、Fetch、qiniu、Filesystem等MCP,然后输入以下提示词 html <!DOCTYPE html <html lang="zh CN" <head <meta charset="UTF 8" <meta name="viewport" content="width=device width, initial scale=1.0" <title 产品名称</title <! 引入必要资源 <! 内部样式 <style / CSS代码 / </style </head <body <! 页面内容 <! 脚本 <script // JavaScript代码 </script </body </html 🎡 近期活动推荐 音频模型的Seedance2.0时刻来了! 在火山引擎Force大会上,字节发布了最新的「豆包音频生成模型 Seed Audio 1.0」,它首次实现声音参考复刻,同时能根据你的描述,全要素直出你想要的任何声音。 只需一句话描述,可以直接生成有情绪、有停顿、有笑声,有背景音乐/音效的一整段多角色对白。 我们已经在内测玩了几天,非常上头。知识库整理了「豆包音频生成模型1.0使用教程」 🎺【实践手册】豆包音频生成模型1.0,重新定义AI音频创作 🎁 现在体验还有福利: 👉 第一步:进方舟体验中心,直接开整 https://ark.volcengine.com/region:cn beijing/experience/voice?model=doubao seed audio 1 0 👉 第二步:参与问卷调研,有机会获得2000分钟额度(限量10个名额),玩到爽 https://bytedance.larkoffice.com/share/base/form/shrcn2DdkTW8zJKn6vV30lnyHvb ⏰ 7月30日开奖,名额和额度有限,先到先得 🎺【实践手册】豆包音频生成模型1.0,重新定义AI音频创作 🎡 近期活动推荐 音频模型的Seedance2.0时刻来了! 在火山引擎Force大会上,字节发布了最新的「豆包音频生成模型 Seed Audio 1.0」,它首次实现声音参考复刻,同时能根据你的描述,全要素直出你想要的任何声音。 只需一句话描述,可以直接生成有情绪、有停顿、有笑声,有背景音乐/音效的一整段多角色对白。 我们已经在内测玩了几天,非常上头。知识库整理了「豆包音频生成模型1.0使用教程」 🎺【实践手册】豆包音频生成模型1.0,重新定义AI音频创作 🎁 现在体验还有福利: 👉 第一步:进方舟体验中心,直接开整 https://ark.volcengine.com/region:cn beijing/experience/voice?model=doubao seed audio 1 0 👉 第二步:参与问卷调研,有机会获得2000分钟额度(限量10个名额),玩到爽 https://bytedance.larkoffice.com/share/base/form/shrcn2DdkTW8zJKn6vV30lnyHvb ⏰ 7月30日开奖,名额和额度有限,先到先得 🎺【实践手册】豆包音频生成模型1.0,重新定义AI音频创作 🎡 近期活动推荐 近期活动推荐 音频模型的Seedance2.0时刻来了! 在火山引擎Force大会上,字节发布了最新的「豆包音频生成模型 Seed Audio 1.0」,它首次实现声音参考复刻,同时能根据你的描述,全要素直出你想要的任何声音。 只需一句话描述,可以直接生成有情绪、有停顿、有笑声,有背景音乐/音效的一整段多角色对白。 我们已经在内测玩了几天,非常上头。知识库整理了「豆包音频生成模型1.0使用教程」 🎺【实践手册】豆包音频生成模型1.0,重新定义AI音频创作 🎺【实践手册】豆包音频生成模型1.0,重新定义AI音频创作 🎁 现在体验还有福利: 👉 第一步:进方舟体验中心,直接开整 https://ark.volcengine.com/region:cn beijing/experience/voice?model=doubao seed audio 1 0 👉 第二步:参与问卷调研,有机会获得2000分钟额度(限量10个名额),玩到爽 https://bytedance.larkoffice.com/share/base/form/shrcn2DdkTW8zJKn6vV30lnyHvb ⏰ 7月30日开奖,名额和额度有限,先到先得 1. 下载安装Trae海外版 https://www.trae.ai/ 推荐Claude 3.7 sonnet,3.5也凑合。 2. 安装必备MCP fetch、Filesystem、minimax、七牛MCP

在 小宇宙note 阅读完整内容