关于 html-ppt-zhangzara-retro-windows
用于制作 Windows 95 风格独立 HTML 幻灯片的 Skill,指导用户替换模板内容并保留其字体、配色、布局和导航。
主要功能
- 01Windows 95 复古视觉风格
- 02独立 HTML 幻灯片模板
- 03占位内容替换指导
- 04通过复制布局调整页数
- 05保留导航运行时
适用场景
- 01制作复古游戏演示文稿
- 02创建 Y2K 风格品牌演示
- 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.htmlLICENSEtemplate.json详细介绍
复古 Windows
Windows 95 风格的界面:灰色标题栏、MS Sans Serif、像素字体,满满的怀旧气息。
一套独立的 HTML 幻灯片,字体、配色、装饰元素和幻灯片类型都经过整体调校。混用不同模板的版式会破坏整体风格;请仅使用这套模板。
一览
- 配色方案: 浅色
- 正式程度: 低
- 信息密度: 中
- 演示幻灯片数: 10
适用场景
适合任何有意营造怀旧感的内容:复古游戏、Y2K 美学品牌、带有 90 年代风格的创作者作品集、科技史演讲,以及刻意带有戏谑意味的演示文稿。只要俏皮的复古元素是重点,这套模板就是绝佳选择。
不适用场景
需要呈现现代、优雅或具有机构公信力的演示文稿——Win95 风格的界面始终会显得像一套戏服。
工作流
- 将
example.html克隆到用户的工作区,作为工作文件。 - 替换占位内容,填入用户实际使用的标题、正文、数字、姓名、日期和章节标签。替换图片占位符时,保持原有尺寸。
- 保留设计系统。 切勿替换字体、重新配色、重构布局网格或删除装饰元素(角括号、纸张纹理、几何图形、插画 SVG)。它们都是整体风格的一部分。
- 通过复制版式调整幻灯片数量。 如果用户的内容多于演示文稿所能容纳的数量,请复制最合适版式的现有幻灯片。如果内容较少,请从末尾删除幻灯片。更新页码标签。
- 设计缺失的版式: 如果幻灯片需要模板中没有的版式,请使用相同的字体、配色、装饰元素、间距节奏和组件语法从头设计,切勿改用其他模板。
- 保持原有的导航运行时代码。 如果演示文稿自带
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