关于 html-ppt-zhangzara-soft-editorial
用于制作安静、文学感 HTML 演示文稿的 Skill,采用暖纸色调、Cormorant Garamond 与柔和点缀色。适合编辑、文化、生活方式等追求从容视觉风格的演示。
主要功能
- 01含导航运行时的 HTML 演示模板
- 02暖纸色调与柔和点缀色
- 03Cormorant Garamond 衬线字体
- 04内容替换及页数调整指南
- 05基于 MIT 许可的上游模板
适用场景
- 01设计编辑专题演示
- 02介绍画廊或博物馆
- 03制作创始人随笔演示
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ nexu-io/ open-design --skill html-ppt-zhangzara-soft-editorial安装后在 Claude Code 中输入/html-ppt-zhangzara-soft-editorial确认已加载。
包含的文件
除 SKILL.md 外,安装时一起下载的参考资料和脚本。
example.htmlLICENSEtemplate.jsonassets/deck-stage.js详细介绍
Soft Editorial
温暖纸张上的 Cormorant Garamond 衬线字体,点缀鼠尾草绿、腮红粉和柠檬黄。
这是一套独立完整的 HTML 幻灯片,字体、配色、装饰系统和幻灯片样式都经过整体调校。混用不同模板的版式会破坏整体系统;请始终使用这一套模板。
概览
- 配色方案: 浅色
- 正式程度: 高
- 信息密度: 低
- 演示幻灯片数: 12
适用场景
任何需要营造文学气息、优雅从容氛围的内容:编辑专题、长篇品牌故事、画廊 / 博物馆演示文稿、顾问交付材料、婚礼 / 生活方式媒体、创始人随笔。也适用于科技、研究或商业演示文稿,尤其适合希望传递周日副刊般温暖气息,而非企业级精致感的场景。
不适用场景
需要强烈视觉冲击或鲜明张力的演示文稿——温暖纸张配色和 Cormorant 衬线字体刻意营造了安静的氛围。
工作流
- 将
example.html和assets/文件夹一并克隆到用户的工作区。 此模板附带assets/deck-stage.js运行时(用于键盘导航和舞台渲染);HTML 通过assets/deck-stage.js引用该文件,因此它必须与克隆的 HTML 文件放在同一目录下,否则在生成的产物中该路径会返回 404,导航也会悄然失效。如果更倾向于使用单个独立文件,也可以将 JS 内联到 HTML 的一个<script>块中。 - 将占位内容替换为用户的实际标题、正文、数字、姓名、日期和章节标签。替换图像占位内容时,请保持现有尺寸。
- **保留设计系统。**切勿替换字体、重新调整配色、重构布局网格或删除装饰元素(角括号、纸张纹理、几何形状、插画 SVG)。它们都是整体标识的一部分。
- **通过复制版式调整演示文稿长度。**如果用户的内容多于演示稿所能容纳的内容,请复制最合适版式的现有幻灯片。如果内容较少,请从末尾删除幻灯片。更新页码标签。
- **设计缺失的版式:**如果某张幻灯片需要模板中没有的版式,请使用相同的字体、配色、装饰风格、间距节奏和组件规范从头设计,切勿改用其他模板。
- **保留随附的导航运行时。**如果演示文稿附带
assets/deck-stage.js或内联键盘处理程序,请保持原样。
输出要求
在 <artifact> 标签之间输出:
<artifact identifier="zhangzara-soft-editorial" 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