mcpField
H
html-ppt-zhangzara-soft-editorial

html-ppt-zhangzara-soft-editorial

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

关于 html-ppt-zhangzara-soft-editorial

用于制作安静、文学感 HTML 演示文稿的 Skill,采用暖纸色调、Cormorant Garamond 与柔和点缀色。适合编辑、文化、生活方式等追求从容视觉风格的演示。

主要功能

  1. 01含导航运行时的 HTML 演示模板
  2. 02暖纸色调与柔和点缀色
  3. 03Cormorant Garamond 衬线字体
  4. 04内容替换及页数调整指南
  5. 05基于 MIT 许可的上游模板

适用场景

  1. 01设计编辑专题演示
  2. 02介绍画廊或博物馆
  3. 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.html
LICENSE
template.json
assets/
deck-stage.js

详细介绍

Soft Editorial

温暖纸张上的 Cormorant Garamond 衬线字体,点缀鼠尾草绿、腮红粉和柠檬黄。

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

概览

  • 配色方案: 浅色
  • 正式程度: 高
  • 信息密度: 低
  • 演示幻灯片数: 12

适用场景

任何需要营造文学气息、优雅从容氛围的内容:编辑专题、长篇品牌故事、画廊 / 博物馆演示文稿、顾问交付材料、婚礼 / 生活方式媒体、创始人随笔。也适用于科技、研究或商业演示文稿,尤其适合希望传递周日副刊般温暖气息,而非企业级精致感的场景。

不适用场景

需要强烈视觉冲击或鲜明张力的演示文稿——温暖纸张配色和 Cormorant 衬线字体刻意营造了安静的氛围。

工作流

  1. 将 example.html 和 assets/ 文件夹一并克隆到用户的工作区。 此模板附带 assets/deck-stage.js 运行时(用于键盘导航和舞台渲染);HTML 通过 assets/deck-stage.js 引用该文件,因此它必须与克隆的 HTML 文件放在同一目录下,否则在生成的产物中该路径会返回 404,导航也会悄然失效。如果更倾向于使用单个独立文件,也可以将 JS 内联到 HTML 的一个 <script> 块中。
  2. 将占位内容替换为用户的实际标题、正文、数字、姓名、日期和章节标签。替换图像占位内容时,请保持现有尺寸。
  3. **保留设计系统。**切勿替换字体、重新调整配色、重构布局网格或删除装饰元素(角括号、纸张纹理、几何形状、插画 SVG)。它们都是整体标识的一部分。
  4. **通过复制版式调整演示文稿长度。**如果用户的内容多于演示稿所能容纳的内容,请复制最合适版式的现有幻灯片。如果内容较少,请从末尾删除幻灯片。更新页码标签。
  5. **设计缺失的版式:**如果某张幻灯片需要模板中没有的版式,请使用相同的字体、配色、装饰风格、间距节奏和组件规范从头设计,切勿改用其他模板。
  6. **保留随附的导航运行时。**如果演示文稿附带 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