关于 html-ppt-zhangzara-playful
用于制作温暖、轻松风格 HTML 演示文稿的 Skill,采用协调的桃色调、字体与版式。适合创作者作品集、独立产品发布及其他希望呈现亲切感的演示。
主要功能
- 01自包含 HTML 演示模板
- 02桃色调与 Syne 标题字体
- 03统一的装饰与版式系统
- 04内容替换及页数调整指南
- 05基于 MIT 许可的上游模板
适用场景
- 01制作独立产品发布演示
- 02展示创作者作品集
- 03构建生活方式品牌演示
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ nexu-io/ open-design --skill html-ppt-zhangzara-playful安装后在 Claude Code 中输入/html-ppt-zhangzara-playful确认已加载。
包含的文件
除 SKILL.md 外,安装时一起下载的参考资料和脚本。
example.htmlLICENSEtemplate.json详细介绍
Playful
以阳光般温暖的蜜桃色为背景,搭配 Syne 展示字体:一套亲切的独立产品发布演示文稿。
一套独立完整的 HTML 演示文稿——字体、配色、装饰系统和幻灯片表达方式都经过协同设计。混用不同模板的版式会破坏整体系统;请始终使用这一套。
概览
- 配色方案: 浅色
- 正式程度: 低
- 内容密度: 中
- 演示示例页数: 10
适用场景
适合任何需要营造温暖、独立、亲切氛围的内容:创作者作品集、独立产品发布、生活方式品牌、小型企业推介、新闻简报 / 社区演示文稿。也适合任何希望呈现友善、人性化而非企业化风格的演示文稿,包括科技或研究主题。
不适用场景
注重机构公信力而非温暖氛围的场合——蜜桃色配色刻意采用了非正式风格。
工作流
- 将
example.html克隆到用户的工作区,作为工作文件。 - 将占位内容替换为实际内容,包括用户的真实标题、正文、数字、名称、日期和章节标签。替换图片占位符时,尺寸应与现有内容一致。
- 保留设计系统。 不得替换字体、重新着色配色方案、重构布局网格或移除装饰元素(角括号、纸张纹理、几何图形、插画 SVG)。它们是整体风格的一部分。
- 通过复制版式调整演示文稿长度。 如果用户的内容多于示例所能容纳的内容,请复制最合适版式的现有幻灯片。如果内容较少,请从末尾删除幻灯片。更新页码标签。
- 设计缺失的版式: 如果幻灯片需要模板中没有的版式,请使用相同的字体、配色、装饰元素、间距节奏和组件规范从头设计;切勿改用其他模板。
- 保留随附的导航运行时代码。 如果演示文稿附带
assets/deck-stage.js或内联键盘处理程序,请保持原样。
输出约定
在 <artifact> 标签之间输出:
<artifact identifier="zhangzara-playful" 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