mcpField
H
html-ppt-zhangzara-biennale-yellow

html-ppt-zhangzara-biennale-yellow

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

关于 html-ppt-zhangzara-biennale-yellow

用于制作 HTML 演示文稿的技能,采用暖羊皮纸底色、明亮黄色点缀和艺术双年展风格。它指导替换内容并保留模板的视觉系统。

主要功能

  1. 01羊皮纸与明黄色配色
  2. 02靛蓝色衬线字体
  3. 03装饰性幻灯片系统
  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-biennale-yellow

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

包含的文件

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

example.html
LICENSE
template.json

详细介绍

双年展黄

温暖羊皮纸上的太阳黄,搭配深靛蓝色衬线字体和氛围感十足的日晕渐变。

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

概览

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

适用场景

适合任何想要呈现艺术双年展海报或博物馆年度活动日程氛围的内容:展览演示文稿、艺术机构公告、设计会议手册、策展提案、文学出版物、工作室回顾展。也适合任何想要营造荷兰编辑风格氛围、并以鲜明单色为标志的演示文稿。

不适用场景

需要强烈视觉冲击或高饱和度多色活力的演示文稿——温暖纸张质感的底色和单一黄色调,刻意营造出安静而富有氛围的效果。

工作流

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

输出约定

在 <artifact> 标签之间输出:

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