关于 html-ppt-zhangzara-mat
用于制作中世纪现代风格演示文稿的 HTML 技能,采用鼠尾草绿、骨白和焦橙色。它说明如何调整模板内容并保持视觉系统一致。
主要功能
- 01中世纪现代视觉风格
- 02鼠尾草绿、骨白与焦橙配色
- 03独立 HTML 演示模板
- 04替换幻灯片内容的指引
- 05可复制或删除版式
适用场景
- 01设计工作室资历介绍
- 02建筑或室内品牌演示
- 03陶艺、手工艺或家具展示
- 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.htmlLICENSEtemplate.json详细介绍
Mat
深色鼠尾草绿画布,骨白色纸张与焦橙色点缀;中世纪现代风格,带有木质韵味。
一份独立完整的 HTML 演示文稿——字体、配色、装饰体系和幻灯片用语都经过整体调校。跨模板混用版式会破坏设计体系;请始终使用这一套。
一览
- 配色方案: 混合
- 正式程度: 中等
- 信息密度: 中等
- 演示幻灯片数: 9
适用场景
适合任何需要呈现中世纪风格、触感与匠心的内容:设计工作室资历介绍、建筑/室内设计品牌、陶艺/手工艺/家具,以及顾问演示文稿。对于希望传达深思熟虑的模拟质感,而非冷峻数码感的科技、研究或商业演示文稿,这也是一种温暖而独特的选择。
不适用场景
需要快速科技感或机构式克制风格的场景——柔和的鼠尾草绿与焦橙色配色刻意营造了温暖、舒缓的氛围。
工作流
- 将
example.html克隆到用户的工作区,作为工作文件。 - 将占位内容替换为用户实际的标题、正文、数字、姓名、日期和章节标签。替换图片占位内容时,应保持现有尺寸。
- 保留设计体系。 切勿替换字体、重新着色、调整布局网格结构,或移除装饰元素(角括号、纸张纹理、几何图形、插画 SVG)。它们都是整体风格的一部分。
- 通过复制版式调整演示文稿长度。 如果用户的内容多于演示文稿所能容纳的内容,请复制最合适版式的现有幻灯片。如果内容较少,则从底部删除幻灯片。更新页码标签。
- 设计缺失的版式: 如果某张幻灯片需要模板中没有的版式,请使用相同的字体、配色、装饰元素、间距节奏和组件规则从头设计;切勿改用其他模板。
- 保持随附的导航运行时代码不变。 如果演示文稿附带
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