关于 html-ppt-zhangzara-broadside
用于制作戏剧化编辑风格演示文稿的 HTML 技能,采用暗色画布、火焰橙点缀和中英双语字体。它指导内容调整,并要求保留模板的设计系统。
主要功能
- 01暗色编辑风格
- 02火焰橙点缀配色
- 03中英双语字体组合
- 04独立 HTML 演示模板
- 05扩展幻灯片版式的指引
适用场景
- 01品牌宣言或创始人愿景演示
- 02杂志或文化项目提案
- 03中英双语演示文稿
- 04编辑风格的设计或商业演讲
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ nexu-io/ open-design --skill html-ppt-zhangzara-broadside安装后在 Claude Code 中输入/html-ppt-zhangzara-broadside确认已加载。
包含的文件
除 SKILL.md 外,安装时一起下载的参考资料和脚本。
example.htmlLICENSEtemplate.json详细介绍
Broadside
深色编辑风画布,搭配醒目的火焰橙点缀,以及中英双语字体组合。
这是一套完整独立的 HTML 幻灯片,字体、配色、装饰系统和幻灯片用语都经过整体调校。混用不同模板的布局会破坏这套系统;请始终使用这一套模板。
一览
- 配色方案: 深色
- 正式程度: 中高
- 内容密度: 中等
- 演示文稿中的幻灯片数: 16
适用场景
适合需要营造报纸头版标题效果的内容:品牌宣言、杂志和文化提案、设计演讲、中英双语演示文稿、创始人愿景陈述。对于希望呈现戏剧化单色点缀编辑风格的科技、研究或商业演示文稿,也是醒目的选择。
不适用场景
需要营造安静、温暖或传统机构风格的演示文稿——深色画布搭配火焰橙点缀,注定会带来戏剧化效果。
工作流
- 将
example.html克隆到用户的工作区,作为工作文件。 - 将占位内容替换为用户的真实标题、正文、数字、姓名、日期和章节标签。替换图像占位符时,请保持现有尺寸。
- **保留设计系统。**切勿替换字体、重新着色、重构布局网格或移除装饰元素(角括号、纸张纹理、几何图形、插画 SVG)。这些都是模板标识的一部分。
- **通过复制布局调整演示文稿长度。**如果用户的内容多于演示文稿所能容纳的内容,请复制最合适布局的现有幻灯片。如果内容较少,请从底部删除幻灯片。更新页码标签。
- **设计缺失的布局:**如果某张幻灯片需要模板中没有的布局,请使用相同的字体、配色、装饰用语、间距节奏和组件规范从头设计;切勿改用其他模板。
- **保持导航运行时代码原样。**如果演示文稿包含
assets/deck-stage.js或内联键盘处理程序,请保持不变。
输出约定
在 <artifact> 标签之间输出:
<artifact identifier="zhangzara-broadside" type="text/html" title="Deck Title">
<!doctype html>
<html>...</html>
</artifact>
来源与许可
来自上游采用 MIT 许可的 zarazhangrui/beautiful-html-templates。
完整的上游 MIT 许可文本(包括原始版权声明)随此技能一同提供,位于 LICENSE,并且必须与任何 example.html、template.json 副本或任何随附的 assets/ 运行时文件一同再分发。上游元数据快照请参阅 template.json。
评论
支持 Markdown