词映 AI导航
工具库Skills 技能
我的收藏
词映 AI导航

chatbot-mvp-distillation-zh

Codex 中文技能：为 Vue 3 对话应用设计 SSE 流式响应

English

Codex 安装步骤

  1. 运行 git clone https://github.com/pdsuwwz/chatgpt-vue3-light-mvp.git。进入克隆目录并运行 git checkout --detach e0f4678c5f6c7476f3ee8dda6308657a401f5b18。
  2. 复制完整 .agents/skills/chatbot-mvp-distillation-zh 到目标项目的 .agents/skills/chatbot-mvp-distillation-zh，保留随附文件。
  3. 从目标项目打开 Codex，用 /skills 或 $chatbot-mvp-distillation-zh 选择技能，再输入本页示例。

中文摘要

把一个类 ChatGPT 的 Vue 3 MVP 拆解为可迁移的架构。技能覆盖流式协议解析、模型适配器、打字机缓冲区以及 Markdown、数学公式和图表渲染。

SKILL.md 中文导读

可复现示例

在现有 Vue 3 项目里加一个本地模拟流。让它分两次发出「周」和「报」，再发出完成事件。分别验证正常完成和用户在第一个片段后按停止。

工作步骤

  1. 先定义 UI 接收的增量数据结构，再映射供应商事件。
  2. 为正常完成与用户取消分别构造模拟流。
  3. 检查 Markdown 渲染、缓冲区以及 reader 释放行为。

验收方法

正常路径合并为「周报」并进入完成态。停止路径保留已显示的「周」，后续模拟片段不追加。记录适配器、渲染器和停止逻辑各在哪一层。

GitHub 原文 · 更新日期

适用环境

需要可访问本地项目的 Codex。将固定版本中的技能目录与随附文件一起使用。

常见问题

调试流式界面需要准备模型 API 密钥吗？

本地模拟流足以检查片段拼接、缓冲区和停止交互。切换到真实模型后，再验证该供应商实际的事件格式和结束条件。