mcpField
H
html-ppt-zhangzara-daisy-days

html-ppt-zhangzara-daisy-days

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

关于 html-ppt-zhangzara-daisy-days

用于制作轻松、柔和演示文稿的 HTML 模板技能,以粉彩手绘雏菊、星星和彩虹作装饰。它指导用户调整内容和布局,同时保留模板的视觉系统。

主要功能

  1. 01粉彩配色与手绘元素
  2. 02雏菊、星星和彩虹装饰
  3. 03可复用幻灯片布局
  4. 04HTML 演示文稿输出规范
  5. 05保留导航运行时

适用场景

  1. 01教育及家庭内容
  2. 02健康项目与社区工作坊
  3. 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.html
LICENSE
template.json

详细介绍

Daisy Days

欢快的粉彩风格幻灯片,搭配手绘雏菊、星星和彩虹。亲切、柔和又温暖。

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

概览

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

适用场景

任何需要营造亲切、柔和、欢快氛围的内容:教育内容、儿童与家庭、健康计划、社区工作坊,以及手工艺/插画创作者作品集。也适合用在一些出人意料的场合,例如轻松活泼的内部启动会、婚礼策划幻灯片,或任何需要传递温暖的时刻——包括科技或商业场景。

不适用场景

受众明确期待权威、严谨风格的场合——手绘粉彩 SVG 装饰与这种风格截然相反。

工作流

  1. 将 example.html 克隆到用户的工作区,作为工作文件。
  2. 用用户的实际标题、正文、数字、姓名、日期和章节标签替换占位内容。 替换图片占位符时,尺寸要与原图一致。
  3. 保留设计体系。 切勿替换字体、重新着色、重构布局网格或移除装饰元素(角括号、纸张纹理、几何图形、插画 SVG)。它们都是整体风格的一部分。
  4. 通过复制布局调整幻灯片数量。 如果用户的内容超出演示所能容纳的范围,就复制最合适布局的现有幻灯片;如果内容较少,就从末尾删去幻灯片。更新页码标签。
  5. 设计缺失的布局: 如果某张幻灯片需要模板中没有的布局,就使用相同的字体、配色、装饰元素、间距节奏和组件语法从头设计;切勿改用其他模板。
  6. 保留随附的导航运行时。 如果幻灯片包含 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