关于 html-ppt-zhangzara-long-table
用于制作温暖、偏编辑风格演示文稿的 HTML 幻灯片技能,适合餐饮、社群和生活方式项目。它提供固定的视觉系统,并说明如何调整随附模板。
主要功能
- 01独立 HTML 幻灯片模板
- 02暖奶油色与锈红色调
- 03粗体与斜体排版
- 04编辑和扩展幻灯片的指引
- 05保留演示文稿样式的规则
适用场景
- 01介绍晚餐俱乐部或系列晚宴
- 02制作小型餐厅或工作室活动演示文稿
- 03准备会员招募提案
- 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.htmlLICENSEtemplate.json详细介绍
Long Table
温暖的奶油色与锈红色晚餐俱乐部美学,搭配醒目的全大写 grotesk 标题、斜体 Fraunces 字体,以及胶囊形描边按钮。
一套独立完整的 HTML 幻灯片——字体、配色、装饰系统和幻灯片用语都经过协调设计。混用不同模板的布局会破坏整体系统;请始终使用这一套。
概览
- 配色方案: 浅色
- 正式程度: 中等
- 信息密度: 中等
- 演示幻灯片数: 8
适用场景
适合任何需要营造温暖、亲密、现代的餐饮 / 社群品牌氛围的场景:晚餐俱乐部、晚餐系列活动、小型餐厅、创意工作室活动、会员招募演示、生活方式和葡萄酒品牌。也适合任何希望采用单一暖色点缀、斜体与粗体相结合的字体,以及兼顾社交媒体的现代编辑风格的演示文稿。
不适用场景
不适合需要企业级精致感、技术信息密集或冷峻 / 极简风格的演示文稿——锈红色配色和粗体与斜体的组合刻意营造出温暖、以人为本的氛围。
工作流
- 将
example.html克隆到用户的工作区,作为工作文件。 - 替换占位内容,填入用户的实际标题、正文、数字、名称、日期和章节标签。替换图像占位符时,请保持现有尺寸。
- 保留设计系统。 不得替换字体、重新着色调色板、重构布局网格或移除装饰元素(角括号、纸张纹理、几何图形、插画 SVG)。这些都是视觉识别的一部分。
- 通过复制布局调整演示文稿长度。 如果用户的内容多于演示模板所容纳的内容,请复制布局最合适的现有幻灯片。如果内容较少,请从末尾删除幻灯片。更新页码标签。
- 设计缺失的布局: 如果幻灯片需要模板中没有的布局,请从头设计,并使用相同的字体、配色、装饰元素、间距节奏和组件规则——切勿改用其他模板。
- 保持导航运行时代码原样。 如果演示文稿包含
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