mcpField
H
html-ppt-zhangzara-sakura-chroma

html-ppt-zhangzara-sakura-chroma

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

关于 html-ppt-zhangzara-sakura-chroma

以复古日本磁带包装为灵感的 HTML 演示文稿技能,采用奶油色纸张、彩虹饰带和压缩粗体字。它提供调整幻灯片内容的流程,同时要求保留模板的视觉体系。

主要功能

  1. 01复古磁带包装美学
  2. 02奶油色纸张与彩虹饰带
  3. 03压缩粗体排版
  4. 04可复用的幻灯片布局
  5. 05HTML 制作流程

适用场景

  1. 01独立硬件品牌演示
  2. 02音乐厂牌发行计划
  3. 03Zine 与杂志提案
  4. 04创意工作室年度报告

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/nexu-io/open-design --skill html-ppt-zhangzara-sakura-chroma

安装后在 Claude Code 中输入/html-ppt-zhangzara-sakura-chroma确认已加载。

包含的文件

除 SKILL.md 外,安装时一起下载的参考资料和脚本。

example.html
LICENSE
template.json

详细介绍

Sakura Chroma

复古日式磁带包装美学:奶油色纸张、斜向彩虹缎带、加粗窄体字,以及 JIS 风格的规格复选框。

一套完全自包含的 HTML 幻灯片 — 字体排印、配色、装饰系统和幻灯片语汇都经过协同调校。混用不同模板的布局会破坏这套系统;请仅使用此模板。

概览

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

适用场景

适用于任何需要呈现复古日式磁带包装或 TDK / Sony / Sakura Color 产品目录风格的内容:独立硬件品牌演示文稿、音乐厂牌发行日程、模拟录音室回顾、zine 和杂志企划、可爱科技产品发布、创意工作室年度报告。也适用于任何希望采用大胆配色、窄体展示字体和富有触感的印刷品个性的演示文稿。

不适用场景

不适合需要克制、商务或沉静字体排印的演示文稿 — 加粗窄体字标、缎带条纹和原色配色都是刻意营造的醒目产品页风格。

工作流

  1. 将 example.html 克隆到用户的工作区,作为工作文件。
  2. 替换占位内容,填入用户的实际标题、正文、数字、名称、日期和章节标签。替换图像占位内容时,请匹配现有尺寸。
  3. 保留设计系统。 不得替换字体、重新着色配色方案、重构布局网格或移除装饰元素(角括号、纸张纹理、几何图形、插画 SVG)。这些都是设计标识的一部分。
  4. 通过复制布局调整演示文稿长度。 如果用户的内容多于演示稿所能容纳的内容,请复制最合适布局的现有幻灯片。如果内容较少,请从末尾删除幻灯片。更新页码标签。
  5. 设计缺失的布局: 如果幻灯片需要模板中没有的布局,请使用相同的字体、配色方案、装饰语汇、间距节奏和组件规范从头设计 — 不要改用其他模板。
  6. 保留随附的导航运行时。 如果演示文稿随附 assets/deck-stage.js 或内联键盘处理程序,请保持原样。

输出约定

在 <artifact> 标签之间输出:

<artifact identifier="zhangzara-sakura-chroma" 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