mcpField
H
html-ppt-zhangzara-long-table

html-ppt-zhangzara-long-table

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

关于 html-ppt-zhangzara-long-table

用于制作温暖、偏编辑风格演示文稿的 HTML 幻灯片技能,适合餐饮、社群和生活方式项目。它提供固定的视觉系统,并说明如何调整随附模板。

主要功能

  1. 01独立 HTML 幻灯片模板
  2. 02暖奶油色与锈红色调
  3. 03粗体与斜体排版
  4. 04编辑和扩展幻灯片的指引
  5. 05保留演示文稿样式的规则

适用场景

  1. 01介绍晚餐俱乐部或系列晚宴
  2. 02制作小型餐厅或工作室活动演示文稿
  3. 03准备会员招募提案
  4. 04制作生活方式或葡萄酒品牌演示文稿

安装

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

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

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

包含的文件

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

example.html
LICENSE
template.json

详细介绍

Long Table

温暖的奶油色与锈红色晚餐俱乐部美学,搭配醒目的全大写 grotesk 标题、斜体 Fraunces 字体,以及胶囊形描边按钮。

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

概览

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

适用场景

适合任何需要营造温暖、亲密、现代的餐饮 / 社群品牌氛围的场景:晚餐俱乐部、晚餐系列活动、小型餐厅、创意工作室活动、会员招募演示、生活方式和葡萄酒品牌。也适合任何希望采用单一暖色点缀、斜体与粗体相结合的字体,以及兼顾社交媒体的现代编辑风格的演示文稿。

不适用场景

不适合需要企业级精致感、技术信息密集或冷峻 / 极简风格的演示文稿——锈红色配色和粗体与斜体的组合刻意营造出温暖、以人为本的氛围。

工作流

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

输出约定

在 <artifact> 标签之间输出:

<artifact identifier="zhangzara-long-table" 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