📦 Kai Slide Creator.Bak — Kai 滑块创建器备份

Slide Creator 生成零依赖的HTML演示文稿，完全在浏览器中运行。 核心哲学 零依赖 —— 单个HTML文件内联CSS/JS，不需要npm，不需要构建工具。 展示，而不是讲述 —— 生成视觉样式预览；人们在看到选项之前无法表达设计偏好。 独特的设计 —— 避免通用的AI美学（Inter字体，紫色渐变，可预测的英雄）。 视口适配 —— 幻灯片完全适配视口。溢出的内容会被分割，而不是被压缩。 计划然后生成 —— --plan创建大纲；--generate从中生成HTML。 生成契约（不可协商） 每个生成的HTML文件必须包含以下两项 —— 没有例外： 演示模式 —— F5 / ▶按钮，全屏缩放，PresentMode类（body.presenting，#present-btn，#present-counter） 编辑模式 —— 左上角热区，✏编辑切换，所有文本的contenteditable，笔记面板（#notes-panel，setupEditor()） 这些在references/html-template.md中定义。在编写任何HTML之前，请阅读该文件，无论您如何进入该技能。 省略任一功能都是生成错误 —— 与缺少视口适配或破坏幻灯片导航相同。 命令路由 首先解析调用，然后仅加载该命令需要的内容： 命令 加载内容 执行操作 --plan [prompt] references/planning-template.md 创建PLANNING.md。停止 —— 没有HTML。 --generate references/html-template.md + 选择的样式文件 + references/base-css.md + references/design-quality.md 读取PLANNING.md，生成HTML。 无标志（交互式） references/workflow.md + references/html-template.md（在第3阶段之前）+ references/design-quality.md（在编写之前） 按照第0-5阶段进行。 内容 + 样式直接给出 references/html-template.md + 样式文件 + references/base-css.md 立即生成 —— 不需要第1/2阶段。 渐进披露规则：每个命令仅加载其所需的文件。 --plan永远不会触摸CSS。这保持了上下文的专注和快速。 第0阶段：检测模式（无标志入口点） 阅读references/workflow.md以获取完整的交互式工作流程（第1-5阶段）。 快速路由在阅读workflow.md之前： PLANNING.md存在 —— 将其作为真实来源，跳过到第3阶段。 加载references/html-template.md，然后生成。 用户提供源内容 + 样式直接（例如.txt/.md文件 + 样式名称） —— 跳过第1/2阶段。 加载references/html-template.md + 样式文件 + references/base-css.md，然后立即生成。 用户有一个.ppt/.pptx文件 —— 第4阶段（PPT转换）。 用户想要增强现有的HTML —— 读取它，然后增强。分割溢出的幻灯片。 其他 —— 第1阶段（内容发现）。 内容类型 —— 样式提示（当用户没有选择样式时使用）： 内容类型 建议样式 数据报告 / KPI仪表板 数据故事，企业黑，瑞士现代 商业推介 / VC甲板 大胆信号，极光网，企业黑 开发者工具 / API文档 终端绿，霓虹网络，新复古开发甲板 研究 / 思想领导 现代报纸，纸张和墨水，瑞士现代 创意 / 个人品牌 古董编辑，分割过去，新布鲁塔主义 产品发布 / SaaS 极光网，玻璃形态，电力工作室 教育 / 教程 笔记标签，纸张和墨水，过去几何 中文内容 中文茶，极光网，蓝天 黑客马拉松 / 独立开发 新复古开发甲板，新布鲁塔主义，终端绿 样式参考文件 仅阅读所选样式的文件。永远不要将所有样式加载到上下文中。 样式文件 蓝天 references/blue-sky-starter.html（用作完整的基础 —— 不要重写视觉CSS） 极光网 references/aurora-mesh.md 中文茶 references/chinese-chan.md 数据故事 references/data-story.md 企业黑 references/enterprise-dark.md 玻璃形态 references/glassmorphism.md 新布鲁塔主义 references/neo-brutalism.md 其他样式 STYLE-DESC.md中的相关部分 自定义主题 themes//reference.md（如果存在，使用starter.html） 对于样式选择器 / 情绪映射 / 效果指南 —— 请阅读references/style-index.md。 对于视口CSS，密度限制，CSS陷阱 —— 请阅读references/base-css.md。 对于设计质量规则（密度平衡，列平衡，反倾斜，预输出自检） —— 请在 --generate和第3阶段期间阅读references/design-quality.md，连同样式文件。 对于AI代理和技能 其他代理可以以编程方式调用此技能： # 从主题或笔记 /slide-creator 为[主题]创建推介甲板 # 从计划文件（跳过交互式阶段） /slide-creator --generate # 自动读取PLANNING.md # 两步（在生成之前查看计划） /slide-creator --plan "Acme v2产品发布甲板" # （如果需要，编辑PLANNING.md） /slide-creator --generate # 生成后导出为PPTX /kai-html-export presentation.html # 图像模式（像素完美，默认） /kai-html-export --mode native presentation.html # 本机模式（可编辑文本/形状） 相关技能 report-creator —— 用于长篇滚动HTML报告（不是幻灯片） frontend-design