mcpField
H
html-ppt-zhangzara-bold-poster

html-ppt-zhangzara-bold-poster

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

关于 html-ppt-zhangzara-bold-poster

用于制作杂志封面风格演示文稿的自包含 HTML 模板技能,适合品牌宣言、创始人愿景和创意提案。以 Shrikhand 大字排版和醒目的红色点缀呈现少量重点内容。

主要功能

  1. 01单文件 HTML 演示文稿
  2. 02Shrikhand 大字排版
  3. 03红色强调色与装饰元素
  4. 04可复制布局调整页数
  5. 05保留模板导航运行时

适用场景

  1. 01制作品牌宣言演示文稿
  2. 02呈现创始人愿景
  3. 03制作编辑与文化提案

安装

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

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

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

包含的文件

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

example.html
LICENSE
template.json

详细介绍

粗体海报

杂志编辑风格的海报美学,搭配醒目的 Shrikhand 展示字体和一抹消防车红色点缀。

这是一个独立的 HTML 演示文稿——排版、配色、装饰体系和幻灯片词汇都经过了整体调校。混用不同模板的布局会破坏这套体系,请始终使用此模板。

概览

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

适用场景

任何需要呈现杂志封面效果的内容:品牌宣言、创始人愿景演示文稿、编辑类/文化类提案、创意评审。尤其适合希望让寥寥数语呈现海报效果的场合,也适用于科技主题演讲或希望让人过目难忘的金融宣言等意想不到的场景。

不适用场景

每张幻灯片都需要传达大量信息的演示文稿——这种布局围绕少数几条醒目的陈述构建,不适合呈现大段细节。

工作流

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

输出规范

在 <artifact> 标签之间输出:

<artifact identifier="zhangzara-bold-poster" 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