Trae最新版本发布！教你用Trae创建一个MCP Server 并调用生成一个网页

我需要通过npx @modelcontextprotocol/create-server 命令在当前目录下创建一个使用Coze API 来获取新闻素材的 MCP 服务：mcp-server-coze-daily-creator。入参是 Client 传入的新闻关键词，服务会通过API的方式调用Coze的指定的bot获取新闻素材内容，命令行示例如下，需要改写成TS代码：
先通过```curl --location --request POST "https://api.coze.cn/v3/chat" \--header "Authorization: Bearer pat_dGstyY6RZxxxxx" \--header "Content-Type: application/json" \--data-raw "{"bot_id": "指定的bot的id","user_id": "12345678","stream": false,"auto_save_history":true,"additional_messages":[{"role":"user","content":"AI Agent","content_type":"text"}]}"```返回数据结构```{// 在 chat 事件里，data 字段中的 id 为 Chat ID。    "id": "737662389258662****",    "conversation_id": "737554565555041****",    "bot_id": "指定的bot的id",    "completed_at": 1717508113,    "last_error": {        "code": 0,        "msg": ""    },    "status": "completed",    "usage": {        "token_count": 6644,        "output_count": 766,        "input_count": 5878    }}```发送日报的请求，再1500毫秒的频率轮询，不超过30次```curl --location --request GET "https://api.coze.cn/v3/chat/retrieve?chat_id=id&conversation_id=conversation_id" \
--header "Authorization: Bearer pat_dGstyY6RZxxxxx" \
--header "Content-Type: application/json" \```返回数据结构```{// 在 chat 事件里，data 字段中的 id 为 Chat ID，即会话 ID。    "id": "737662389258662****",    "conversation_id": "737554565555041****",    "bot_id": "736661612448078****",    "completed_at": 1717508113,    "last_error": {        "code": 0,        "msg": ""    },    "status": "completed",    "usage": {        "token_count": 6644,        "output_count": 766,        "input_count": 5878    }}
```查看"status"直到"completed"时，调用
```curl --location --request GET "https://api.coze.cn/v3/chat/message/list?chat_id=id&conversation_id=conversation_id" \
--header "Authorization: Bearer pat_OYDacMzM3WyOWV3Dtj2bHRMymzxP****" \
--header "Content-Type: application/json" \```返回数据结构```{    "code": 0,    "data": [        {            "bot_id": "737946218936519****",            "content": "{\"msg_type\":\"generate_answer_finish\",\"data\":\"\",\"from_module\":null,\"from_unit\":null}",            "content_type": "text",            "conversation_id": "738147352534297****",            "id": "738216762080970****",            "role": "assistant",            "type": "verbose"        },        {            "bot_id": "7379462189365198898",            "content": "2024 年 10 月 1 日是星期二。您可以通过日历或者相关的日期查询工具来核实确认。 ",            "content_type": "text",            "conversation_id": "738147352534297****",            "id": "738216760624724****",            "role": "assistant",            "type": "answer"        }    ],    "msg": "",    "detail": {        "logid": "20250106172024B5F607030EFFAD653960"    }}```获取type 为 answer类型的那一项里的content的内容，返回给 Client 端

interface CozeConfig {  apiKey: string;  botId: string;  userId: string;}
interface CozeResponse {  id: string;  conversation_id: string;  bot_id: string;  completed_at: number;  last_error: {    code: number;    msg: string;  };  status: string;  usage: {    token_count: number;    output_count: number;    input_count: number;  };}
interface CozeMessage {  bot_id: string;  content: string;  content_type: string;  conversation_id: string;  id: string;  role: string;  type: string;}

1. 色彩方案 ：
- 采用高对比度的荧光色彩组合（亮绿色背景与鲜红色图形元素）- 三色配色方案：荧光绿、鲜红色和黑色，简洁而有冲击力- 色彩饱和度高，视觉冲击力强2. 排版特点 ：- 大胆的几何构成，特别是圆形和放射状线条的组合- 文字排版采用极粗的黑体字，有明显的垂直拉伸变形处理- 标题文字尺寸巨大，占据画面主要视觉重量- 底部区域采用黑色色块作为强烈对比3. 图形元素 ：- 大量使用圆形和放射状线条作为主要视觉元素- 黑色短线条随机分布，增加动感和节奏感- 英文字母以不规则角度分布在画面中，形成视觉节奏4. 设计风格 ：- 具有明显的后现代主义和解构主义特征- 融合了20世纪初期的构成主义和当代韩国设计美学- 强调视觉冲击力和动态感，而非传统的和谐与平衡5. 文字处理 ：- 韩文标题采用极粗黑体，有明显的垂直拉伸- 英文采用细体无衬线字体，以不同角度排列
- 日期和时间信息采用工业风格的数字字体