mcpField
H
html-ppt-zhangzara-grove

html-ppt-zhangzara-grove

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

关于 html-ppt-zhangzara-grove

Grove 是一项用于制作沉稳自然风格 HTML 幻灯片的技能,适合需要统一视觉设计的演示文稿。它指导用户基于模板替换内容,同时保留字体、配色、布局和运行时。

主要功能

  1. 01森林绿与奶油色配色
  2. 02Playfair 衬线字体
  3. 03可复用的幻灯片布局
  4. 04调整演示文稿长度的指南
  5. 05HTML 输出规范

适用场景

  1. 01可持续发展与健康主题演示
  2. 02自然、酒庄或餐饮主题演示
  3. 03文学与艺术演示
  4. 04英中双语报告

安装

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

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

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

包含的文件

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

example.html
LICENSE
template.json

详细介绍

Grove

森林绿画布搭配奶油色文字、经典的 Playfair 衬线字体,以及一抹铁锈色点缀。

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

概览

  • 配色方案: 混合
  • 正式程度: 中高
  • 信息密度: 中等
  • 演示幻灯片数: 12

适用场景

适合任何需要呈现自然、用心且成熟气质的内容:可持续发展和健康品牌、户外/自然产品、酒庄和餐厅、文学或艺术演示文稿、顾问交付成果、双语 EN/CN 报告。对于追求从容而非紧迫感的科技、研究或商业演示文稿,这也是一种沉静而独特的选择。

不适用场景

需要霓虹活力或快节奏冲击感的演示文稿——森林绿画布和 Playfair 衬线字体会带来缓慢、古典的风格。

工作流

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

输出约定

在 <artifact> 标签之间输出:

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