mcpField
H
html-ppt-zhangzara-cartesian

html-ppt-zhangzara-cartesian

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

关于 html-ppt-zhangzara-cartesian

Cartesian 是用于制作 HTML 演示文稿的 Skill,以暖中性色和古典 Playfair 衬线字体营造沉静风格。其低密度版式适合投资、研究、咨询和文化类演示。

主要功能

  1. 01暖中性色调
  2. 02古典 Playfair 衬线字体
  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-cartesian

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

包含的文件

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

example.html
LICENSE
template.json

详细介绍

Cartesian

宁静温暖的中性色调,搭配经典的 Playfair 衬线字体;雅致从容,不疾不徐。

一套独立完整的 HTML 幻灯片,字体、配色、装饰系统和幻灯片表达方式均经过协同设计。混用不同模板的布局会破坏整体系统;请始终使用这套模板。

概览

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

适用场景

适合需要呈现宁静、审慎、成熟气质的内容:投资论点、白皮书、咨询项目、长篇研究报告、画廊/文化主题演示文稿。也很适合编辑专题、创始人感想,或任何以克制为主旨的演示文稿,包括科技和金融领域的内容。

不适用场景

需要强烈视觉冲击、多种强调色或紧迫感的演示文稿——温暖的中性色调刻意采用了低能量设计。

工作流

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

输出约定

在 <artifact> 标签之间输出:

<artifact identifier="zhangzara-cartesian" 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