mcpField
H
html-ppt-zhangzara-retro-windows

html-ppt-zhangzara-retro-windows

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

关于 html-ppt-zhangzara-retro-windows

用于制作 Windows 95 风格独立 HTML 幻灯片的 Skill,指导用户替换模板内容并保留其字体、配色、布局和导航。

主要功能

  1. 01Windows 95 复古视觉风格
  2. 02独立 HTML 幻灯片模板
  3. 03占位内容替换指导
  4. 04通过复制布局调整页数
  5. 05保留导航运行时

适用场景

  1. 01制作复古游戏演示文稿
  2. 02创建 Y2K 风格品牌演示
  3. 03准备科技史讲座

安装

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

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

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

包含的文件

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

example.html
LICENSE
template.json

详细介绍

复古 Windows

Windows 95 风格的界面:灰色标题栏、MS Sans Serif、像素字体,满满的怀旧气息。

一套独立的 HTML 幻灯片,字体、配色、装饰元素和幻灯片类型都经过整体调校。混用不同模板的版式会破坏整体风格;请仅使用这套模板。

一览

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

适用场景

适合任何有意营造怀旧感的内容:复古游戏、Y2K 美学品牌、带有 90 年代风格的创作者作品集、科技史演讲,以及刻意带有戏谑意味的演示文稿。只要俏皮的复古元素是重点,这套模板就是绝佳选择。

不适用场景

需要呈现现代、优雅或具有机构公信力的演示文稿——Win95 风格的界面始终会显得像一套戏服。

工作流

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

输出约定

在 <artifact> 标签之间输出:

<artifact identifier="zhangzara-retro-windows" 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