slidev-skills
帮助AI智能体生成符合最佳实践的Slidev演示文稿代码
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：slidev-skills。 它的用途是：帮助AI智能体生成符合最佳实践的Slidev演示文稿代码 完整的 Skill 内容见：https://321skill.com/skills/slidev-skills/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'为我的Node.js微服务架构分享会创建一个Slidev演示稿，包含标题页、架构图页面和代码示例页面。'，它会根据Skill规则，生成语法正确的Slidev Markdown文件，正确使用代码块高亮、Mermaid图表语法和合适的布局组件，避免常见的格式错误。
介绍
该Skill旨在解决开发者在利用AI助手（如Claude、Cursor）生成Slidev演示文稿代码时，常因AI不了解Slidev特定语法和最佳实践而产生错误或低效代码的问题。它通过一套编码规则，引导AI生成结构正确、布局合理且遵循Slidev社区规范的幻灯片代码。
使用方式非常简单，只需通过npx命令将Skill添加到项目中，或手动将规则文件复制到指定目录。之后，当AI助手在项目上下文中处理Slidev相关任务时，便会自动应用这些规则来生成代码。
它非常适合需要快速制作技术演示、教学课件或产品介绍幻灯片的前端开发者、全栈工程师、高校学生以及技术内容创作者。这些用户通常熟悉Markdown和代码，但希望借助AI提升制作专业幻灯片的效率。
建议在使用前确保你的AI助手支持并已加载项目中的Skill规则。对于复杂的自定义主题或深度动画，可能仍需结合官方文档进行手动调整。该Skill主要提供代码生成层面的引导，而非设计层面的创意。
核心特点
与通用的Markdown或代码生成Skill不同，它深度集成了Slidev框架的专有语法、组件和布局规则，能精准防止AI在生成代码块、使用组件、配置动画等高频场景中犯下特定错误。
注意事项
不适合用于生成Slidev官方文档未覆盖的、高度定制化或实验性的幻灯片功能代码。
常见问题
这个Skill支持哪些AI助手？
支持遵循Agent Skills规范的AI助手，如Claude Code、Cursor、GitHub Copilot等。
安装后AI生成Slidev代码还是出错怎么办？
请检查Skill是否正确安装至项目指定目录，并确认AI助手已加载项目上下文。复杂需求可结合Slidev官方文档提示AI。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/slidev-skills/raw/index.md 读取 slidev-skills 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/slidev-skills/raw/index.md（查看排版版本）