Borrowing it
Nothing to install: this file belongs to pdsuwwz/chatgpt-vue3-light-mvp. Take a copy, put it at the same path in your own repository, and replace the rules that are about this project with yours.
curl -O https://raw.githubusercontent.com/pdsuwwz/chatgpt-vue3-light-mvp/main/.agents/skills/chatbot-mvp-distillation-zh/SKILL.mdgit clone --depth 1 https://github.com/pdsuwwz/chatgpt-vue3-light-mvpWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/pdsuwwz/chatgpt-vue3-light-mvp/chatbot-mvp-distillation-zh)<a href="https://agentmods.dev/skills/pdsuwwz/chatgpt-vue3-light-mvp/chatbot-mvp-distillation-zh"><img src="https://agentmods.dev/badge/skills/pdsuwwz/chatgpt-vue3-light-mvp/chatbot-mvp-distillation-zh/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/pdsuwwz/chatgpt-vue3-light-mvp/chatbot-mvp-distillation-zh"><img src="https://agentmods.dev/badge/skills/pdsuwwz/chatgpt-vue3-light-mvp/chatbot-mvp-distillation-zh.svg" alt="Reviewed on agentmods" width="80" height="20"></a>- NVIDIA SkillSpector pass
What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00109 | $0.00745 |
| Opus 5.5 | $0.00044 | $0.00298 |
| Sonnet 5.5 | $0.00022 | $0.00149 |
| Haiku 4.5 | $0.00011 | $0.00075 |
Grade A, and why
chatbot-mvp-distillation-zh scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 2mo ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
What it actually says
Chatbot MVP 蒸馏 zh
使用这个 Skill，把 chatgpt-vue3-light-mvp 的工程经验迁移到其他项目，而不是机械复制当前仓库代码。
源项目是一个基于 Vue 3 + Vite + TypeScript 的单轮大模型对话 MVP。它最值得复用的经验是：
- 将模型特有的流式协议和 UI 渲染解耦
- 先把不同模型的增量响应归一化为文本块，再交给界面展示
- 使用打字机缓冲区，让网络读取速度和视觉输出速度分离
- 将 Markdown、代码高亮、数学公式、Mermaid 图表和推理块组织成独立渲染管线
- 保留 Mock Stream，让其他项目在没有真实 API Key 时也能开发和验证界面
使用流程
- 先识别目标项目的前端框架、状态管理方式和 API 边界。
- 设计整体模块边界时，阅读 references/architecture.md。
- 实现 fetch/SSE/ReadableStream 流式处理时，阅读 references/streaming-sse.md。
- 增加模型供应商或统一响应格式时，阅读 references/model-adapters.md。
- 实现富文本回答渲染时，阅读 references/markdown-rendering.md。
- 在其他项目落地前，阅读 references/migration-checklist.md 做迁移检查。
输出要求
在其他项目使用这个 Skill 时：
- 先描述适配后的架构，再动代码
- 保持模型适配器和 UI 组件相互独立
- 在实现供应商之前，先定义小而稳定的流式增量契约
- 保留一条本地 Mock Stream 路径，方便开发和演示
- 明确指出目标项目和当前 Vue MVP 的差异
- 在可行时验证流式读取、停止生成、完成态、Markdown、代码块、数学公式和 Mermaid 图表
源码锚点
可以把这些文件作为源项目案例阅读：
src/views/chat.vue：输入、模型选择、reader 生命周期和停止生成行为src/store/business/index.ts：创建 reader 的 service/store 边界src/components/MarkdownPreview/transform/index.ts：SSE 与 JSON chunk 拆包src/components/MarkdownPreview/models/index.ts：模型适配器和增量响应转换src/components/MarkdownPreview/index.vue：打字机渲染和完成状态src/components/MarkdownPreview/plugins/markdown.ts：Markdown、KaTeX、Mermaid 和推理块渲染
What ships with it
6 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 2mo ago First seen · 48 lines · 109 tokens per session scan A 516d07d5b5ae
chatbot-mvp-distillation-zh is a skill published in the GitHub repository pdsuwwz/chatgpt-vue3-light-mvp (585 stars, last pushed 3mo ago), licensed MIT. It adds 109 tokens to every session and 745 once invoked, about $0.0004 per session on Opus 5.5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.
chatbot-mvp-distillation-zh compared with skills from other repositories
| Mod | Type | Stars | Last push | Licence | Scan | Tokens | Works with |
|---|---|---|---|---|---|---|---|
| chatbot-mvp-distillation-zhpdsuwwz/chatgpt-vue3-light-mvp | Skill | 585 | 3mo ago | MIT | A | 109 | Codex |
| powerpointthe-open-agent/openagent | Skill | 5.7k | 5d ago | Apache-2.0 | A | 48 | Claude Code, Codex |
| tmuxthe-open-agent/openagent | Skill | 5.7k | 5d ago | Apache-2.0 | A | 22 | Claude Code, Codex |
| openai-whisper-apithe-open-agent/openagent | Skill | 5.7k | 5d ago | Apache-2.0 | A | 20 | Claude Code, Codex |
| clawhubthe-open-agent/openagent | Skill | 5.7k | 5d ago | Apache-2.0 | A | 63 | Claude Code, Codex |
| video-framesthe-open-agent/openagent | Skill | 5.7k | 5d ago | Apache-2.0 | A | 15 | Claude Code, Codex |
| githubthe-open-agent/openagent | Skill | 5.7k | 5d ago | Apache-2.0 | A | 30 | Claude Code, Codex |