关于 html-ppt-zhangzara-blue-professional
用于制作专业风格 HTML 演示文稿的 Skill,采用奶油色背景、钴蓝点缀和协调的版式。适合需要精致但不拘谨风格的商业与研究演示。
主要功能
- 01自包含 HTML 演示模板
- 02奶油色与钴蓝视觉配色
- 03统一的字体与版式系统
- 04内容替换及页数调整指南
- 05基于 MIT 许可的上游模板
适用场景
- 01准备 B2B SaaS 推介演示
- 02制作投资者报告
- 03展示研究综述
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ nexu-io/ open-design --skill html-ppt-zhangzara-blue-professional安装后在 Claude Code 中输入/html-ppt-zhangzara-blue-professional确认已加载。
包含的文件
除 SKILL.md 外,安装时一起下载的参考资料和脚本。
example.htmlLICENSEtemplate.json详细介绍
Blue Professional
奶油色纸张背景,搭配亮眼的钴蓝色点缀;简洁、现代、专业。
一套独立的 HTML 幻灯片,字体排印、配色、装饰系统和幻灯片用语都经过整体调校。混用不同模板的布局会破坏这套系统;请始终使用本模板。
一览
- 配色方案: 浅色
- 正式程度: 中高
- 信息密度: 中等
- 演示幻灯片数: 10
适用场景
任何需要体现现代感、审慎考量与适度权威感的场合:B2B SaaS 演示、咨询交付成果、顾问进展汇报、投资者报告。若想呈现专业感但不显得刻板,这也是一种简洁而得体的选择,适用于研究综合、内部评审,以及服务型企业的品牌工作。
不适用场景
需要让幻灯片呈现热情、活泼或刻意随意的场合——克制的冷调电光蓝会显得过于精致。
工作流
- 将
example.html克隆到用户的工作区,作为工作文件。 - 将占位内容替换为用户实际的标题、正文、数字、姓名、日期和章节标签。替换图片占位内容时,请匹配现有尺寸。
- 保留设计系统。 切勿替换字体、重新着色、重构布局网格或移除装饰元素(角括号、纸张纹理、几何形状、SVG 插画)。它们是设计标识的一部分。
- 通过复制布局调整幻灯片长度。 如果用户的内容多于演示文稿所能容纳的内容,请复制最合适布局的现有幻灯片。如果内容较少,请从底部删除幻灯片。更新页码标签。
- 设计缺失的布局: 如果某张幻灯片需要模板中没有的布局,请使用相同的字体、配色、装饰元素、间距节奏和组件语法从头设计;切勿改用其他模板。
- 保持导航运行时代码原样。 如果演示文稿自带
assets/deck-stage.js或内联键盘处理程序,请保持不变。
输出约定
在 <artifact> 标签之间输出:
<artifact identifier="zhangzara-blue-professional" 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