关于 html-ppt-zhangzara-vellum
用于制作学术风格 HTML 幻灯片的 Skill,以深海军蓝为底色并搭配克制的点缀。适合研究综合、政策简报和编辑内容,采用沉静的视觉系统与可复用版式。
主要功能
- 01深海军蓝背景
- 02暖黄色 Cormorant 斜体衬线字体
- 03灰尘感青绿色点缀
- 04可复用 HTML 幻灯片版式
适用场景
- 01展示研究综合成果
- 02制作政策简报
- 03创作编辑类演示文稿
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ nexu-io/ open-design --skill html-ppt-zhangzara-vellum安装后在 Claude Code 中输入/html-ppt-zhangzara-vellum确认已加载。
包含的文件
除 SKILL.md 外,安装时一起下载的参考资料和脚本。
example.htmlLICENSEtemplate.json详细介绍
Vellum
深海军蓝画布,搭配暖黄色的 Cormorant 斜体衬线字体,以及唯一一抹灰尘青色点缀。宁静而富有学术气息。
一套独立完整的 HTML 幻灯片——字体、配色、装饰系统和幻灯片设计语言均经过协同调校。混用不同模板的布局会破坏整体系统;请仅使用这套模板。
概览
- 配色方案: 深色
- 正式程度: 高
- 信息密度: 低
- 演示幻灯片数: 9
适用场景
适用于任何需要营造学术、文学且沉静睿智氛围的内容:研究综合、白皮书、学术与政策简报、咨询交付成果、长篇编辑文章、创始人感悟。也适用于任何希望营造平和、深思熟虑氛围,而非采用活力十足视觉效果的演示文稿,包括科技、商业或创作者主题的内容。
不适用场景
需要强烈视觉冲击或鲜明亮点的场景——海军蓝搭配暖黄色 Cormorant 斜体的美学风格刻意保持低调沉静。
工作流
- 将
example.html克隆到用户的工作区,作为工作文件。 - 将占位内容替换为用户实际的标题、正文、数字、姓名、日期和章节标签。替换图片占位符时,保持现有尺寸。
- 保留设计系统。 切勿替换字体、重新着色、重构布局网格或移除装饰元素(角括号、纸张颗粒纹理、几何图形、插画 SVG)。这些都是整体视觉识别的一部分。
- 通过复制布局调整演示文稿长度。 如果用户的内容比演示模板所能容纳的更多,请复制最合适布局的现有幻灯片。如果内容更少,请从底部删除幻灯片。更新页码标签。
- 设计缺失的布局: 如果某张幻灯片需要模板中没有的布局,请使用相同的字体、配色、装饰语言、间距节奏和组件规则从头设计;切勿改用其他模板。
- 保持导航运行时代码原样。 如果演示文稿包含
assets/deck-stage.js或内联键盘事件处理程序,请保持不变。
输出约定
在 <artifact> 标签之间输出:
<artifact identifier="zhangzara-vellum" 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