mcpField
H
html-ppt-zhangzara-mat

html-ppt-zhangzara-mat

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

关于 html-ppt-zhangzara-mat

用于制作中世纪现代风格演示文稿的 HTML 技能,采用鼠尾草绿、骨白和焦橙色。它说明如何调整模板内容并保持视觉系统一致。

主要功能

  1. 01中世纪现代视觉风格
  2. 02鼠尾草绿、骨白与焦橙配色
  3. 03独立 HTML 演示模板
  4. 04替换幻灯片内容的指引
  5. 05可复制或删除版式

适用场景

  1. 01设计工作室资历介绍
  2. 02建筑或室内品牌演示
  3. 03陶艺、手工艺或家具展示
  4. 04营造模拟质感的研究或商业演示

安装

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

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

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

包含的文件

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

example.html
LICENSE
template.json

详细介绍

Mat

深色鼠尾草绿画布,骨白色纸张与焦橙色点缀;中世纪现代风格,带有木质韵味。

一份独立完整的 HTML 演示文稿——字体、配色、装饰体系和幻灯片用语都经过整体调校。跨模板混用版式会破坏设计体系;请始终使用这一套。

一览

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

适用场景

适合任何需要呈现中世纪风格、触感与匠心的内容:设计工作室资历介绍、建筑/室内设计品牌、陶艺/手工艺/家具,以及顾问演示文稿。对于希望传达深思熟虑的模拟质感,而非冷峻数码感的科技、研究或商业演示文稿,这也是一种温暖而独特的选择。

不适用场景

需要快速科技感或机构式克制风格的场景——柔和的鼠尾草绿与焦橙色配色刻意营造了温暖、舒缓的氛围。

工作流

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

输出规范

在 <artifact> 标签之间输出:

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