用途:dev-slides 用于创建面向开发者的技术演示文稿,底层使用 Vue 驱动的 Slidev 框架。用户描述技术演示需求后,该技能会生成符合语法的 Slidev Markdown,包含代码块、图表和 Vue 组件。
主要能力:支持用 --- 分隔幻灯片,使用 layout 指定 cover、intro、center、two-cols、image-right 等布局;代码块支持逐行高亮(如 ts {all|1|2-3|4})、Monaco 可编辑代码({monaco})和可运行代码({monaco-run});支持 Mermaid 流程图与序列图;可嵌入 Vue 组件(如 Counter、Tweet、自定义组件);支持 v-click、v-clicks 点击动画;frontmatter 可配置主题、背景、高亮器、行号、UnoCSS 等。
使用方式:描述演示需求即可生成 Slidev Markdown。示例提示包括“创建 Vue.js 工作坊演示”“构建带实时代码执行的幻灯片”“制作带图表的技术演讲”“创建开发者入职幻灯片”。安装命令为 npm init slidev@latest。
适用场景:技术分享、API 工作坊、开发者培训、入职介绍等需要代码演示与图表的场合。
限制:资料未提供收费、价格、平台支持范围、具体效果或性能等信息;实际渲染与运行依赖 Slidev 环境,部分功能(如 Monaco 运行、外部图片、组件)需相应依赖或网络支持。