菜单
根据知识萃取 JSON 生成精良的 HTML 报告页面。TRIGGER when: 用户需要"生成交付物"、 "生成萃取报告"、"convert extraction to HTML"、完成知识萃取后需要输出展示材料。 自动处理单文件 JSON 和综合萃取 JSON（多文档合并）。 SKIP: 知识萃取本身（那是 knowledge-interviewer 的职责）、PPTX/DOCX 生成（按需单独调用 pptx/docx skill）。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
字体风格自适应提示生成器 - 输入任意文字，自动生成专业字体设计提示词并生成图片
Automatically add "Save as PNG" screenshot functionality to HTML files. Use this skill whenever the user mentions: adding screenshot functionality to HTML, converting HTML to images, saving web pages as pictures, creating downloadable screenshots from HTML, adding export-to-image buttons, generating PNG from HTML content, or when they need to capture long scrolling HTML pages as complete images. Also trigger when users mention html2canvas, full-page screenshots, or need to share HTML content as image files.
Use this skill whenever the user needs to extract knowledge and experiences from organizations, including AI implementation, digital transformation, organizational change, business innovation, and best practices documentation. Typical triggers: - "萃取XX经验" (Extract XX experience) - "萃取知识" (Extract knowledge) - "设计访谈提纲" (Design interview outline) - "萃取报告" (Extraction report) - "AI萃取" (AI extraction) - "知识萃取" (Knowledge extraction) - "经验萃取" (Experience extraction) - "最佳实践" (Best practices) - "案例总结" (Case study summary) - Any task involving extracting, summarizing, or documenting experiences from organizations This skill automatically handles: 1. Auto-detection of input type (single file vs batch folder) 2. Zero-confirmation pipeline: text extraction → Agent萃取 → Agent渲染 → 验证 3. Pipeline status tracking with visual summary 4. Interview outline generation for 4 types of interviewees 5. Extraction report generation using extraction-schema.json + report-template.html ## Pipeline Sub-Agents (called automatically) -
从访谈录音/文本中萃取结构化知识。TRIGGER when: 用户需要"萃取"、"提取知识"、"访谈分析"、 "知识萃取报告"、从DOCX/TXT提取专家经验。支持单文件和多文件综合萃取，自动检测输入类型。 输出严格按 extraction-schema.json 的 JSON 结构。 SKIP: 生成 HTML/PPTX/DOCX 交付物（那是 zhongwen-content 的职责）。
Use this skill whenever the user wants to convert any file format to Markdown. Supports PDF, DOCX, PPTX, XLSX, audio, video, images, and more. This is Microsoft's markitdown tool that converts various document formats to clean Markdown text.
创建多页面导航入口，整合多个独立 HTML 文件为统一的导航中心
| name | zhongwen-content |
| description | 根据知识萃取 JSON 生成精良的 HTML 报告页面。TRIGGER when: 用户需要"生成交付物"、 "生成萃取报告"、"convert extraction to HTML"、完成知识萃取后需要输出展示材料。 自动处理单文件 JSON 和综合萃取 JSON（多文档合并）。 SKIP: 知识萃取本身（那是 knowledge-interviewer 的职责）、PPTX/DOCX 生成（按需单独调用 pptx/docx skill）。 |
读取 knowledge-interviewer 输出的萃取 JSON，基于预置 HTML 模板填充 slot，生成自包含的 HTML 报告页面。
自动适配两种 JSON 输入：
Read: C:\Users\xjtul\.claude\projects\C--Users-xjtul\templates\report-template.html
模板已内嵌完整的 CSS/JS（Tailwind CDN + 自定义样式 + 粒子特效 + 导航切换）。 只需替换 7 个 slot，不修改任何样式代码。
读取 knowledge-interviewer 输出的 JSON 文件。
自动识别是单文件萃取还是综合萃取（检查 metadata.material_type 或 metadata.source 字段）。
| Slot | 内容来源 | 示例 |
|---|---|---|
{{REPORT_TITLE}} | JSON 的 title 字段 | 平安基金AI实践知识萃取报告 |
{{TOPBAR_ICON}} | 按产品类型选择图标 | fas fa-brain |
{{TOPBAR_TITLE}} | 从 title 提取平台/产品名 | 平安基金 |
{{TOPBAR_SUBTITLE}} | 萃取日期 + 素材类型 | 2026年4月 · 综合萃取报告 |
{{SIDEBAR_SUBTITLE}} | 日期 + 来源摘要 | 2026-04-29 · 四份调研文档 |
{{SIDEBAR_ITEMS}} | JSON 章节结构动态生成 | <li class="nav-item">... |
{{CONTENT_SECTIONS}} | JSON 全部内容渲染为 section 块 | <section class="section">... |
.nav-num 样式<section class="section" id="sec-N"> 包裹.section-header > .accent-bar + .sec-num + h2.card + .card-tag + .tag-* 类.grid-2 或 .grid-3 网格布局blockquote.insight 类（左侧金色边框 + 引号图标）.step-list + .flow-container.case-card 格式.gap-list + .priority-high/.priority-mid/.priority-low.card + .grid-2 网格.card 列表{{...}} 占位符（Tailwind config 中的 {{}} 除外）文件命名规则：
必须使用 Sonnet（model: "sonnet"）。渲染型任务（JSON→HTML），Sonnet 更快且质量足够。
| 类名 | 用途 |
|---|---|
.card | 通用内容卡片 |
.card-tag + .tag-base/.tag-star/.tag-mature/.tag-new/.tag-tool | 产品标签 |
.grid-2 / .grid-3 / .grid-4 | 双列/三列/四列网格 |
.module-card | 子模块卡片（顶部分色条） |
.case-card | STAR2 案例卡片（左侧粗边框） |
.insight | 金句引用（深色背景+左侧金色边框+引号） |
.flow-container | 流程图容器（flexbox横向排列） |
.flow-step | 流程图单步（圆形图标+标题+描述） |
.step-list | 步骤列表 |
.gap-list + .priority-high/.priority-mid/.priority-low | 知识缺口列表 |
.section-header + .accent-bar + .sec-num | 章节标题 |
.topbar / .sidebar / .main-content | 固定布局框架 |
.nav-list / .nav-item / .submenu | 侧边栏导航 |