MadCatRUA/nnit-html-presentation

nnit-html-presentation 是做什么的？

Codex 技能：创建自包含、NNIT 品牌化的交互式 HTML 演示文档

描述

此技能用于生成一个完全自包含的 HTML 文件，其中集成了 NNIT 品牌样式（如公司颜色、字体和 Logo）以及交互式演示功能（如幻灯片导航、过渡动画）。输出文件无需外部依赖，可在任何现代浏览器中直接打开和运行，非常适合离线分享或内部分发。

使用方法

在 Codex 环境中，通过调用此技能并指定演示内容（如主题、章节或要点），AI 代理将生成一个完整的 presentation.html 文件。您可以直接将其保存到本地，或进一步自定义样式和内容。

平台支持

• Codex：原生支持，作为技能调用。
• 其他 AI 代理：理论上兼容支持 SKILL.md 加载的代理（如 Claude Code、Cursor 等），但需要验证相关配置。

技术实现

• 使用纯 HTML5、CSS3 和 JavaScript（无外部库，除非显式指定）。
• 所有样式和脚本内嵌在单个 HTML 文件中。
• 遵循 NNIT 品牌指南：主色 #003366、辅助色 #FFFFFF 和 #CCCCCC，字体使用 "Arial" 或 "Helvetica"。
• 支持键盘导航（左右箭头）和单击翻页。

示例

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>NNIT 演示文稿</title>
    <style>
        /* NNIT 品牌样式：此处自动生成 */
    </style>
</head>
<body>
    <!-- 幻灯片内容区域 -->
    <div class="slide active">
        <h1>标题</h1>
        <p>内容</p>
    </div>
    <script>
        // 交互逻辑：幻灯片切换等
    </script>
</body>
</html>

注意事项

• 确保所有敏感信息在生成前已脱敏。
• 生成的 HTML 文件体积可能较大（因包含所有资源），但不会超过常规限制。
• 如需自定义品牌要素，请在调用技能时指定变量（如 logo 路径、主题色等）。