원클릭으로 Manus에서 모든 스킬 실행

시작하기

$pwd:

measure-utilization

Name: Measure Utilization
Author: Linearl

// 测量 HTML 演示文稿每页的空间利用率，找到过于空旷的页面。使用 Playwright 渲染 + 网格采样方法。当用户想检查页面密度、找空白页面、优化页面布局或询问"空间利用率"时使用。

Manus에서 실행

$ git log --oneline --stat

stars:3

forks:0

updated:2026년 5월 18일 09:05

파일 탐색기

2 개 파일

SKILL.md

readonly

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

章节分组文件格式 (--parts)

[
  {"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 时，报告中不显示章节列，结果仍然有效。

测量方法

逐页渲染：Playwright 打开 HTML 文件，每次只显示一页（display:flex）
网格采样：40×40 网格（1600 个采样点）均匀覆盖整个 slide
内容判定：每个采样点用 elementFromPoint(x, y) 获取顶层元素，沿 DOM 树向上查找，检查是否存在有意义的元素：
- 有非透明背景色
- 有可见边框
- 是内容标签（h1-h6, p, table, img, code, pre, blockquote, button, strong, em 等）
- 是包含文字的叶子节点且非纯布局标签（div, section, span 等）
利用率计算：命中内容的采样点 / 总采样点 × 100%

结果解读

  # |  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 时）
稀疏页面统计 + 设计豁免提示

related-skills.json

같은 저장소

harness-audit.md

from "Linearl/linearleaf_skill_repo"

审计项目的 AI agent harness 配置，评估完备性和合理性，检测反模式，给出优先级排序的改进建议。当用户想要审查 harness 配置、询问 harness 质量，或说"harness audit"、"检查harness"、"harness评分"、"harness检查"时使用。

2026-05-263

html-deck-pipeline-skill.md

from "Linearl/linearleaf_skill_repo"

端到端 HTML 讲稿流水线技能，适用于”上下文过长””分镜拆分””并行生成””风格控制”等超过 10 页的 HTML 演示任务。采用网站骨架输出模式（CSS 三层架构 + hash 路由 + 自适应缩放），支持一键导出 HTML 和 PPTX。强调分镜先行、风格契约、舞台比例可配置（16:9/4:3/16:10/adaptive）、版本递增与样式多样性。

2026-05-263

html-deck-to-pptx.md

from "Linearl/linearleaf_skill_repo"

将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.

2026-05-213

scrapling-web-fetch.md

from "Linearl/linearleaf_skill_repo"

使用 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）的页面。

2026-05-183

version-compare.md

from "Linearl/linearleaf_skill_repo"

系统化版本对比和变更分析。当用户需要版本对比、变更分析、更新日志生成、版本差异比较、升级影响评估时激活。Systematic version comparison and change analysis. Activates when user needs version comparison, change analysis, update log generation, version diff, or upgrade impact assessment.

2026-03-123

analysis-code.md

from "Linearl/linearleaf_skill_repo"

系统化代码分析技能，用于代码质量评估、技术债务识别、性能优化分析和架构重构评估。采用"总-分-总"结构化分析方法，支持多轮迭代分析，生成量化指标和改进建议。适用于需要进行代码审查、系统分析、重构规划等场景。

2026-03-123

package.json

"author": "Linearl"

"repository": "Linearl/linearleaf_skill_repo"

GitHub 저장소 열기 Creator 저장소 보기

$ install --global

$ download --local

Manus에서 실행

$ useful --forSOC

웹 개발자컴퓨터 및 수학직15-1254L4

name	measure-utilization
description	测量 HTML 演示文稿每页的空间利用率，找到过于空旷的页面。使用 Playwright 渲染 + 网格采样方法。当用户想检查页面密度、找空白页面、优化页面布局或询问"空间利用率"时使用。

空间利用率测量

运行方式

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

章节分组文件格式 (--parts)

[
  {"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 时，报告中不显示章节列，结果仍然有效。

测量方法

逐页渲染：Playwright 打开 HTML 文件，每次只显示一页（display:flex）
网格采样：40×40 网格（1600 个采样点）均匀覆盖整个 slide
内容判定：每个采样点用 elementFromPoint(x, y) 获取顶层元素，沿 DOM 树向上查找，检查是否存在有意义的元素：
- 有非透明背景色
- 有可见边框
- 是内容标签（h1-h6, p, table, img, code, pre, blockquote, button, strong, em 等）
- 是包含文字的叶子节点且非纯布局标签（div, section, span 等）
利用率计算：命中内容的采样点 / 总采样点 × 100%

结果解读

  # |  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 时）
稀疏页面统计 + 设计豁免提示

measure-utilization

空间利用率测量

运行方式

示例

章节分组文件格式 (--parts)

测量方法

结果解读

脚本位置

依赖

输出格式要点

이 저장소의 다른 Skills

이 저장소의 다른 Skills

空间利用率测量

运行方式

示例

章节分组文件格式 (--parts)

测量方法

结果解读

脚本位置

依赖

输出格式要点