关于 html-slide-plan
html-slide-plan 是一项技能，用于在实现前规划 HTML 幻灯片的叙事、顺序和内容映射。它依据设计约束与来源材料生成结构化计划，不编写 HTML。
主要功能
- 01定义演示文稿元数据与内容清单
- 02规划叙事脉络和幻灯片顺序
- 03映射每页角色与核心信息
- 04建议 HTML 布局及页面区域
适用场景
- 01在实现前规划幻灯片顺序
- 02将来源材料映射到网页幻灯片
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/html-slide-plan确认已加载。
详细介绍
HTML 幻灯片规划
在以下场景中使用此技能：
$html-slide-plan- “规划 HTML 幻灯片”
- “为网页幻灯片创建 slide_plan.json”
- “在开始实现前确定幻灯片顺序”
目标
创建 slide_plan.json：包括整套幻灯片的叙事、幻灯片顺序、内容映射，以及每页适合 HTML 的布局方向。
输入
DESIGN.md- 用户文件或源材料
- 用户对幻灯片的目标、受众、语言和约束
必需输出
仅返回有效 JSON。包括：
- 幻灯片元数据
- 设计依赖
- 内容清单
- 故事线
- 排序后的幻灯片
- 每张幻灯片的角色、页面类型、核心信息、佐证材料、推荐的 HTML 布局，以及页眉、主体和页脚规划
硬性规则
- 暂不编写 HTML。
- 不创建图像生成提示词。
- 将
DESIGN.md作为视觉约束。 - 优先采用可通过语义化 HTML 和 CSS 简洁实现的布局。
- 除非用户明确要求继续，否则在完成
slide_plan.json后停止。
评论
支持 Markdown