开发者演示助手
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @org-02qudk26/dev-slides。
技能介绍
开发者演示文稿的常见痛点
开发者准备技术分享、workshops 或 onboarding 演示时,常面临几个具体问题:手动拖拽排版幻灯片耗时,代码块格式易错且不支持实时执行,技术架构图、流程图需额外工具绘制后截图插入,想嵌入 Vue 组件或交互元素又得单独处理兼容性。这些问题会分散精力,让演示重点偏离技术内容本身。
技能核心能力与使用流程
@org-02qudk26/dev-slides 基于 Vue 驱动的 Slidev 框架,将演示文稿创作简化为 Markdown 写作:
- 你只需清晰描述技术演示需求(如「Vue.js workshop 演示文稿」「带实时代码执行的技术分享」),无需手动处理格式细节;
- 技能会生成符合 Slidev 语法的 Markdown 内容,内置
代码块、Mermaid图表、Vue 组件及动画支持,可直接渲染为专业演示文稿; - 涵盖 Slidev 核心知识点,从幻灯片分隔符、布局配置,到 Monaco 编辑器实时代码演示、Frontmatter 元数据设置,无需额外学习复杂工具链。
适用场景与注意点
- 适合技术 workshops、团队 onboarding、技术演讲等需要代码、图表、交互组件的开发者场景;
- 需具备基础 Markdown 编写能力,熟悉 Slidev 基础语法可更快上手自定义样式;
- 依赖 Slidev 生态,若要深度定制主题或复杂动画,需结合 Slidev 官方文档进一步调整。
使用场景
- 准备技术 workshop 需要带实时代码执行的演示文稿,快速生成含代码块和交互效果的幻灯片
- 撰写技术演讲需要用 Mermaid 绘制架构图,生成支持图表和动画的专业演示文稿
- 做开发者 onboarding 演示要嵌入 Vue 组件,生成符合 Slidev 语法的交互式幻灯片
- 组织 API 工作坊需要带 Monaco 编辑器的代码演示,快速创建可实时运行代码的幻灯片
适合人员
- 准备技术分享的后端工程师,需要快速生成带代码演示的专业幻灯片
- 组织团队 onboarding 的技术负责人,要制作包含交互组件的开发者入门演示
- 准备前端 workshop 的讲师,要生成带实时代码执行和图表的 Vue 技术内容
- 撰写技术演讲的架构师,需要用 Mermaid 图表和动画展示复杂技术方案