mcpField
H
html-ppt-zhangzara-monochrome

html-ppt-zhangzara-monochrome

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

关于 html-ppt-zhangzara-monochrome

Monochrome 是用于制作 HTML 演示文稿的 Skill,采用黑字与象牙白底的简约设计,适合内容密集、以文字为主的演示。统一的字体与版式适用于研究、政策和长篇报告。

主要功能

  1. 01象牙白纸面与黑色文字
  2. 02Lora 衬线标题与 Jost 正文
  3. 03可复用的幻灯片版式
  4. 04保持设计一致性的指南

适用场景

  1. 01用户研究综合报告
  2. 02白皮书与长篇报告
  3. 03学术与政策简报
  4. 04英中双语报告

安装

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

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

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

包含的文件

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

example.html
LICENSE
template.json

详细介绍

Monochrome

象牙白账簿纸,全黑字;标题使用 Lora 衬线字体,正文使用 Jost,不使用任何颜色。

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

概览

  • 配色方案: 浅色
  • 正式程度: 高
  • 信息密度: 高
  • 演示示例中的幻灯片数: 16

适用场景

适用于任何需要呈现手工排印账簿质感的内容:用户研究综合报告、白皮书、长篇报告、学术与政策简报、咨询交付物、英中双语报告。也适合科技、设计或品牌演示文稿,让页面上的文字成为唯一焦点。

不适用场景

需要展现鲜明视觉个性或以色彩叙事的演示文稿——全墨色配色刻意保持了简约克制。

工作流

  1. 将 example.html 克隆到用户的工作区,作为工作文件。
  2. 用用户的实际内容替换占位内容,包括标题、正文、数字、名称、日期和章节标签。替换图片占位符时,保持现有尺寸。
  3. 保留设计体系。 不得替换字体、重新着色、调整布局网格结构,也不得移除装饰元素(角括号、纸张纹理、几何图形、插画 SVG)。这些都是设计标识的一部分。
  4. 通过复制布局调整演示文稿长度。 如果用户的内容多于示例所能容纳的内容,请复制一个最适合的现有幻灯片布局;如果内容较少,则从底部删除幻灯片。更新页码标签。
  5. 设计缺失的布局: 如果幻灯片需要模板中没有的布局,请使用相同的字体、配色、装饰元素、间距节奏和组件规则从头设计——绝不要改用其他模板。
  6. 保持原样使用随附的导航运行时。 如果演示文稿包含 assets/deck-stage.js 或内联键盘处理程序,请保留原样。

输出约定

在 <artifact> 标签之间输出:

<artifact identifier="zhangzara-monochrome" type="text/html" title="Deck Title">
<!doctype html>
<html>...</html>
</artifact>

来源与许可

此模板来自上游项目 zarazhangrui/beautiful-html-templates,采用 MIT 许可证。

完整的上游 MIT 许可证文本(包括原始版权声明)随本技能一同提供,位于 LICENSE。复制 example.html、template.json 或任何随附的 assets/ 运行时内容时,必须同时重新分发该许可证。上游元数据快照请参阅 template.json。

评论

支持 Markdown