mcpField
H
html-ppt-zhangzara-playful

html-ppt-zhangzara-playful

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

关于 html-ppt-zhangzara-playful

用于制作温暖、轻松风格 HTML 演示文稿的 Skill,采用协调的桃色调、字体与版式。适合创作者作品集、独立产品发布及其他希望呈现亲切感的演示。

主要功能

  1. 01自包含 HTML 演示模板
  2. 02桃色调与 Syne 标题字体
  3. 03统一的装饰与版式系统
  4. 04内容替换及页数调整指南
  5. 05基于 MIT 许可的上游模板

适用场景

  1. 01制作独立产品发布演示
  2. 02展示创作者作品集
  3. 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.html
LICENSE
template.json

详细介绍

Playful

以阳光般温暖的蜜桃色为背景,搭配 Syne 展示字体:一套亲切的独立产品发布演示文稿。

一套独立完整的 HTML 演示文稿——字体、配色、装饰系统和幻灯片表达方式都经过协同设计。混用不同模板的版式会破坏整体系统;请始终使用这一套。

概览

  • 配色方案: 浅色
  • 正式程度: 低
  • 内容密度: 中
  • 演示示例页数: 10

适用场景

适合任何需要营造温暖、独立、亲切氛围的内容:创作者作品集、独立产品发布、生活方式品牌、小型企业推介、新闻简报 / 社区演示文稿。也适合任何希望呈现友善、人性化而非企业化风格的演示文稿,包括科技或研究主题。

不适用场景

注重机构公信力而非温暖氛围的场合——蜜桃色配色刻意采用了非正式风格。

工作流

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