slides-generator

用途：根据需求生成专业演示幻灯片，采用并行子代理方式分工生成各页内容，最终组装为可运行的交互式网页演示项目。触发关键词包括 slides、presentation、PPT、demo、benchmark。\n\n主要流程分三步。第一步收集需求并确认大纲：询问标题、幻灯片数量、每页要点与风格偏好（Tech / Professional / Vibrant / Minimal），依据风格关键词从 palettes.md 推荐主题，例如 Tech/Modern 推荐 dark-sapphire-blue（glass），Cyberpunk/Neon 推荐 cyberpunk（glass），Natural/Organic 推荐 summer-meadow（flat），Minimal/Clean 推荐 black-and-white（flat），Professional 推荐 minimal-modern-light（flat）；随后展示大纲（标题、主题、输出目录、各页名称）等待确认。\n\n第二步创建项目骨架并并行生成各页。执行命令：cp -r <skill-path>/assets/template <output-dir>，然后 cd <output-dir>，更新 tailwind.config.js 的主题色与 index.html 标题，确保 src/slides/ 目录存在。接着为每页派发一个子代理，先读取 design-guide.md 并把内容写入每个子代理提示中，要求使用 Tailwind 变量（primary-50 至 950、accent-50 至 950、bg-base、bg-card、bg-elevated、text-primary、text-secondary、text-muted、border-default、border-subtle），glass 风格使用毛玻璃样式，flat 风格使用平面卡片，输出完整 JSX 文件到 src/slides/<filename>，使用 lucide-react 图标与 framer-motion 动画。所有子代理并行执行，第 01 页生成后将其代码作为后续页参考。\n\n第三步组装并启动：在 App.jsx 中导入各页并配置 SLIDES 与 NAV_ITEMS，最后执行 npm install && npm run dev 启动。\n\n主题系统定义于 palettes.md，每个主题含 ID、标签、风格（glass 或 flat）以及 5 个可展开为基础色的颜色。设计规则、动画模式、排版与风格约定见 design-guide.md，需附入每个子代理提示。项目结构包括 package.json、vite.config.js、tailwind.config.js、index.html、src/main.jsx、src/App.jsx、src/index.css、components/Navigation.jsx 与各 slides 文件。具体收费、平台限制等事实暂未提供。