使用ShareGPT公开对话制作技术分享素材需五步：一、筛选高相关性对话，聚焦关键词、深度提问与结构化回复；二、提取含问题、步骤、响应、验证的最小交互单元；三、添加环境说明、行号注释、高亮占位符及风险提示；四、通过Remix生成多路径方案并分页对比；五、本地预演运行环境，验证代码执行并记录前置命令。

☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

如果您计划在技术分享会中使用ShareGPT进行演示，但尚未系统整理可用的公开对话作为演讲素材，则可能面临内容组织松散、案例缺乏代表性或现场演示响应不及时等问题。以下是将ShareGPT公开对话转化为高质量演讲素材的具体准备方法：

一、筛选高相关性公开对话

该步骤旨在从ShareGPT平台海量对话中定位与分享主题强匹配的原始素材，避免泛泛引用导致信息失焦。需结合技术主题关键词、用户提问深度及模型回复结构化程度进行三维评估。

1、进入ShareGPT官网首页，点击顶部导航栏的“Explore”选项卡。

2、在搜索框内输入与分享主题直接相关的术语，例如“React Server Components 性能优化”，而非宽泛词如“前端”。

3、在结果页左侧筛选面板中，勾选“Verified”标签，并将排序方式设为“Most Upvoted”。

4、逐条查看对话首屏内容，确认提问是否包含具体错误日志、代码片段或可复现场景。

二、提取可演示的核心交互片段

单个公开对话往往包含多轮冗余交流，需剥离出具备教学价值的最小完整单元，确保演示时逻辑闭环、时间可控、观众易跟。

1、打开已筛选的对话页面，向下滚动至首次出现代码块或命令行输出的位置。

2、用鼠标拖选从用户问题陈述开始、到模型给出首个可执行解决方案为止的全部内容。

3、复制所选内容，在本地文本编辑器中粘贴，删除其中的用户昵称、时间戳及无关寒暄语句。

4、检查剩余文本是否同时包含明确问题描述、复现步骤、模型响应及验证结果四要素，缺失则回退至上一轮对话补全。

三、注入上下文注释与可视化标记

原始对话缺乏面向听众的引导信息，需人工添加技术背景说明、关键决策点标注及风险提示，使演示过程兼具专业性与可理解性。

1、在提取出的交互片段顶部新增一行，写入该案例适用的技术栈版本，例如“（适用环境：Next.js 14.2 + App Router）”。

2、在模型回复中的关键代码行左侧插入行号注释，如“// ? 此处替换为实际API密钥”，并用黄色高亮底纹标出所有需现场修改的占位符。

3、在响应末尾添加“⚠️ 注意：该方案在Vercel预构建阶段会触发静态导出失败”，并将整条警告文字设为红色加粗字体。

四、构建多路径演示分支

技术问题常存在多种解法，仅展示单一路径易削弱说服力。应基于同一原始对话，衍生出至少两种不同解决方向，供演讲中灵活切换或对比呈现。

1、以提取出的基础交互为起点，在ShareGPT中点击右上角“Remix”按钮，生成新对话副本。

2、在副本中向模型发送新指令：“请提供不依赖第三方库的纯CSS实现方案，并说明浏览器兼容性限制。”

3、将新生成的响应内容保存为“分支B”，原始响应保存为“分支A”，两者均保留原始提问上下文。

4、为每个分支单独制作一页幻灯片，标题明确标注“方案A：工具链集成”与“方案B：零依赖实现”。

五、预演本地化运行环境

公开对话中的代码常默认在理想环境中执行，而真实演示设备可能存在路径差异、权限限制或依赖缺失，需提前验证可执行性。

1、新建本地项目文件夹，执行npm init -y && npm install --save-dev @sharegpt/cli。

2、将提取的代码片段保存为demo.test.ts，使用ts-node运行并观察控制台输出是否与对话中一致。

3、若出现模块未找到错误，检查ShareGPT对话中是否隐含了全局安装前提，例如“需先运行npm install -g pnpm”。

4、记录所有需在演示前手动执行的前置命令，并将其写入演讲提词卡片的最上方位置。