关于 html-ppt-zhangzara-stencil-tablet
用于制作档案感、质朴风格 HTML 演示文稿的技能,适合文化、研究与传承主题。它将镂空字体、土色调配色和幻灯片规范整合为一套设计系统。
主要功能
- 01镂空标题字体风格
- 02六色土色调配色
- 03可复用幻灯片布局
- 04键盘导航运行时
- 05HTML 演示文稿输出
适用场景
- 01博物馆与文化机构演示
- 02艺术与建筑品牌演示文稿
- 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.htmlLICENSEtemplate.jsonassets/deck-stage.js详细介绍
模板与平板
骨色纸张搭配模板切割风格标题与六色大地色调:考古学邂逅品牌设计。
一套独立完整的 HTML 幻灯片——字体、调色板、装饰体系和幻灯片元素均经过统一调校。混用不同模板的布局会破坏整体体系;请始终使用这一套。
概览
- 配色方案: 浅色
- 正式程度: 中高
- 信息密度: 中等
- 演示文稿中的幻灯片: 11 张
适用场景
适合任何需要呈现档案感、触感和厚重图形风格的内容:博物馆和文化机构演示文稿、艺术 / 建筑品牌、长篇研究、遗产与工艺品牌、宣言。无论何时——包括科技和商业领域——如果你希望演示文稿像一本实地手册,而不是幻灯片,都可以选择它。
不适用场景
需要数字原生质感或活泼流行风格的场景——模板切割风格的展示字体和大地色调营造出鲜明的复古模拟质感。
工作流
- 将
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-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