mcpField
H
html-ppt-zhangzara-broadside

html-ppt-zhangzara-broadside

github.com/nexu-io文档处理104.6k58 次安装今天更新
代码仓库

关于 html-ppt-zhangzara-broadside

用于制作戏剧化编辑风格演示文稿的 HTML 技能,采用暗色画布、火焰橙点缀和中英双语字体。它指导内容调整,并要求保留模板的设计系统。

主要功能

  1. 01暗色编辑风格
  2. 02火焰橙点缀配色
  3. 03中英双语字体组合
  4. 04独立 HTML 演示模板
  5. 05扩展幻灯片版式的指引

适用场景

  1. 01品牌宣言或创始人愿景演示
  2. 02杂志或文化项目提案
  3. 03中英双语演示文稿
  4. 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.html
LICENSE
template.json

详细介绍

Broadside

深色编辑风画布,搭配醒目的火焰橙点缀,以及中英双语字体组合。

这是一套完整独立的 HTML 幻灯片,字体、配色、装饰系统和幻灯片用语都经过整体调校。混用不同模板的布局会破坏这套系统;请始终使用这一套模板。

一览

  • 配色方案: 深色
  • 正式程度: 中高
  • 内容密度: 中等
  • 演示文稿中的幻灯片数: 16

适用场景

适合需要营造报纸头版标题效果的内容:品牌宣言、杂志和文化提案、设计演讲、中英双语演示文稿、创始人愿景陈述。对于希望呈现戏剧化单色点缀编辑风格的科技、研究或商业演示文稿,也是醒目的选择。

不适用场景

需要营造安静、温暖或传统机构风格的演示文稿——深色画布搭配火焰橙点缀,注定会带来戏剧化效果。

工作流

  1. 将 example.html 克隆到用户的工作区,作为工作文件。
  2. 将占位内容替换为用户的真实标题、正文、数字、姓名、日期和章节标签。替换图像占位符时,请保持现有尺寸。
  3. **保留设计系统。**切勿替换字体、重新着色、重构布局网格或移除装饰元素(角括号、纸张纹理、几何图形、插画 SVG)。这些都是模板标识的一部分。
  4. **通过复制布局调整演示文稿长度。**如果用户的内容多于演示文稿所能容纳的内容,请复制最合适布局的现有幻灯片。如果内容较少,请从底部删除幻灯片。更新页码标签。
  5. **设计缺失的布局:**如果某张幻灯片需要模板中没有的布局,请使用相同的字体、配色、装饰用语、间距节奏和组件规范从头设计;切勿改用其他模板。
  6. **保持导航运行时代码原样。**如果演示文稿包含 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