Menu
测量 HTML 演示文稿每页的空间利用率，找到过于空旷的页面。使用 Playwright 渲染 + 网格采样方法。当用户想检查页面密度、找空白页面、优化页面布局或询问"空间利用率"时使用。
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
审计项目的 AI agent harness 配置，评估完备性和合理性，检测反模式，给出优先级排序的改进建议。当用户想要审查 harness 配置、询问 harness 质量，或说"harness audit"、"检查harness"、"harness评分"、"harness检查"时使用。
端到端 HTML 讲稿流水线技能，适用于”上下文过长””分镜拆分””并行生成””风格控制”等超过 10 页的 HTML 演示任务。采用网站骨架输出模式（CSS 三层架构 + hash 路由 + 自适应缩放），支持一键导出 HTML 和 PPTX。强调分镜先行、风格契约、舞台比例可配置（16:9/4:3/16:10/adaptive）、版本递增与样式多样性。
将HTML幻灯片演示文稿截图并生成PPTX文件。当用户需要把HTML slides导出为PPT、将HTML演示文稿转成PPTX、对HTML幻灯片逐页截图打包时激活。Convert HTML slide decks to PPTX by screenshotting each slide and assembling into a PowerPoint file. Activates when user needs to export HTML slides to PPT, convert HTML deck to .pptx, screenshot HTML presentation pages.
使用 Scrapling 抓取、清洗、分析网页并生成结构化数据或中文报告。适用于 scrape / crawl / fetch / extract / summarize 网站内容、profile/activity feed、回答/文章/帖子列表、近 1 年动态、批量网页调研，以及用户明确提到 401/403、反爬、Cloudflare、登录受限、signin/login、need_force_login、需要 cookies/token、动态渲染、滚动加载、批量抓取、站点主题分析、网页证据收集等场景。特别适合知乎、专栏、公众号、博客、列表页+详情页链路。核心使用场景：批量采集多页/多站内容、突破访问受限（403/Cloudflare/反爬屏蔽）、抓取需要鉴权（login/cookie/token）的页面。
系统化版本对比和变更分析。当用户需要版本对比、变更分析、更新日志生成、版本差异比较、升级影响评估时激活。Systematic version comparison and change analysis. Activates when user needs version comparison, change analysis, update log generation, version diff, or upgrade impact assessment.
系统化代码分析技能，用于代码质量评估、技术债务识别、性能优化分析和架构重构评估。采用"总-分-总"结构化分析方法，支持多轮迭代分析，生成量化指标和改进建议。适用于需要进行代码审查、系统分析、重构规划等场景。
| name | measure-utilization |
| description | 测量 HTML 演示文稿每页的空间利用率，找到过于空旷的页面。使用 Playwright 渲染 + 网格采样方法。当用户想检查页面密度、找空白页面、优化页面布局或询问"空间利用率"时使用。 |
对 HTML 演示文稿（如 Harness Deck）的每一页，用 Playwright headless Chromium 渲染后网格采样，通过 elementFromPoint 检测每个采样点是否命中有意义内容（有背景/边框/文字的元素，排除透明容器 div），计算空间利用率。
python "<workspace>/.github/skills/html-deck-pipeline-skill/internal-skill/measure-utilization/_measure_utilization.py" <path/to/deck.html> [--threshold 30] [--json] [--parts parts.json]
html：HTML 讲稿文件路径（必填）--threshold / -t：利用率阈值（%），低于该值标记为 <<<。默认 30%--json：输出原始 JSON 而非格式化报告--parts：可选的 JSON 文件，定义幻灯片章节分组，格式见下方说明# 基本用法
python "_measure_utilization.py" 20-html/v-01/DECK-HARNESS-合并.html
# 指定阈值
python "_measure_utilization.py" 20-html/v-01/DECK-HARNESS-合并.html -t 25
# 带章节分组
python "_measure_utilization.py" 20-html/v-01/DECK-HARNESS-合并.html --parts parts.json
# JSON 输出（供其他脚本消费）
python "_measure_utilization.py" 20-html/v-01/DECK-HARNESS-合并.html --json
[
{"name": "ch01-问题", "start": 0, "end": 2},
{"name": "ch02-body", "start": 3, "end": 5},
{"name": "ch03-五维展开", "start": 6, "end": 17},
{"name": "ch04-总结", "start": 18, "end": 20}
]
name：章节名称start：该章节第一页的索引（从 0 开始）end：该章节最后一页的索引不提供 --parts 时，报告中不显示章节列，结果仍然有效。
display:flex）elementFromPoint(x, y) 获取顶层元素，沿 DOM 树向上查找，检查是否存在有意义的元素：
# | Util | Flag | Part | Slide Title
----------------------------------------------------------------------------------------------------
6 | 17.9% | <<< | ch03-五维展开[0] | 📋 五个方案维度
0 | 21.1% | <<< | ch01-问题[0] | 封面
10 | 31.5% | | ch03-五维展开[4] | 信息压缩
...
5 | 65.7% | | ch02-body[2] | 约束层 vs 认知层
< 30%：标记为 <<<，页面严重偏空30-50%：中等利用率，有优化空间50-65%：良好利用率> 65%：密集页面（演示文稿中通常不希望超过 70%，会显得拥挤）注意：封面/导航/章节分隔页通常利用率偏低（10-25%），这是设计预期，不算问题。
测量脚本位于本技能目录：_measure_utilization.py
playwright（需 pip install playwright && playwright install chromium）--parts 时）