关于 html-ppt-zhangzara-daisy-days
用于制作轻松、柔和演示文稿的 HTML 模板技能,以粉彩手绘雏菊、星星和彩虹作装饰。它指导用户调整内容和布局,同时保留模板的视觉系统。
主要功能
- 01粉彩配色与手绘元素
- 02雏菊、星星和彩虹装饰
- 03可复用幻灯片布局
- 04HTML 演示文稿输出规范
- 05保留导航运行时
适用场景
- 01教育及家庭内容
- 02健康项目与社区工作坊
- 03手工或插画作品集
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ nexu-io/ open-design --skill html-ppt-zhangzara-daisy-days安装后在 Claude Code 中输入/html-ppt-zhangzara-daisy-days确认已加载。
包含的文件
除 SKILL.md 外,安装时一起下载的参考资料和脚本。
example.htmlLICENSEtemplate.json详细介绍
Daisy Days
欢快的粉彩风格幻灯片,搭配手绘雏菊、星星和彩虹。亲切、柔和又温暖。
一份独立完整的 HTML 幻灯片——字体、配色、装饰体系和幻灯片用语都经过整体调校。混用不同模板的布局会破坏这套体系;请始终使用这一套。
概览
- 配色方案: 浅色
- 正式程度: 低
- 信息密度: 中
- 演示中的幻灯片数: 10
适用场景
任何需要营造亲切、柔和、欢快氛围的内容:教育内容、儿童与家庭、健康计划、社区工作坊,以及手工艺/插画创作者作品集。也适合用在一些出人意料的场合,例如轻松活泼的内部启动会、婚礼策划幻灯片,或任何需要传递温暖的时刻——包括科技或商业场景。
不适用场景
受众明确期待权威、严谨风格的场合——手绘粉彩 SVG 装饰与这种风格截然相反。
工作流
- 将
example.html克隆到用户的工作区,作为工作文件。 - 用用户的实际标题、正文、数字、姓名、日期和章节标签替换占位内容。 替换图片占位符时,尺寸要与原图一致。
- 保留设计体系。 切勿替换字体、重新着色、重构布局网格或移除装饰元素(角括号、纸张纹理、几何图形、插画 SVG)。它们都是整体风格的一部分。
- 通过复制布局调整幻灯片数量。 如果用户的内容超出演示所能容纳的范围,就复制最合适布局的现有幻灯片;如果内容较少,就从末尾删去幻灯片。更新页码标签。
- 设计缺失的布局: 如果某张幻灯片需要模板中没有的布局,就使用相同的字体、配色、装饰元素、间距节奏和组件语法从头设计;切勿改用其他模板。
- 保留随附的导航运行时。 如果幻灯片包含
assets/deck-stage.js或内联键盘处理程序,请保持原样。
输出规范
在 <artifact> 标签之间输出:
<artifact identifier="zhangzara-daisy-days" 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