mcpField
H
html-ppt-zhangzara-stencil-tablet

html-ppt-zhangzara-stencil-tablet

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

关于 html-ppt-zhangzara-stencil-tablet

用于制作档案感、质朴风格 HTML 演示文稿的技能,适合文化、研究与传承主题。它将镂空字体、土色调配色和幻灯片规范整合为一套设计系统。

主要功能

  1. 01镂空标题字体风格
  2. 02六色土色调配色
  3. 03可复用幻灯片布局
  4. 04键盘导航运行时
  5. 05HTML 演示文稿输出

适用场景

  1. 01博物馆与文化机构演示
  2. 02艺术与建筑品牌演示文稿
  3. 03长篇研究演示文稿

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/nexu-io/open-design --skill html-ppt-zhangzara-stencil-tablet

安装后在 Claude Code 中输入/html-ppt-zhangzara-stencil-tablet确认已加载。

包含的文件

除 SKILL.md 外,安装时一起下载的参考资料和脚本。

example.html
LICENSE
template.json
assets/
deck-stage.js

详细介绍

模板与平板

骨色纸张搭配模板切割风格标题与六色大地色调:考古学邂逅品牌设计。

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

概览

  • 配色方案: 浅色
  • 正式程度: 中高
  • 信息密度: 中等
  • 演示文稿中的幻灯片: 11 张

适用场景

适合任何需要呈现档案感、触感和厚重图形风格的内容:博物馆和文化机构演示文稿、艺术 / 建筑品牌、长篇研究、遗产与工艺品牌、宣言。无论何时——包括科技和商业领域——如果你希望演示文稿像一本实地手册,而不是幻灯片,都可以选择它。

不适用场景

需要数字原生质感或活泼流行风格的场景——模板切割风格的展示字体和大地色调营造出鲜明的复古模拟质感。

工作流

  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-stencil-tablet" 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