crane-in-clear-sky/workwit-ai-agent/html-review

Claude Code and agent skill by crane-in-clear-sky/workwit-ai-agent

Trust tier 2
  • community
LLM review pending
Source check pending

Checking that the SKILL.md file is still in the repository.

|\nHTML 质量门禁 skill(路线 A + 路线 B 共享)。对 doc-typeset(路线 A)或 doc-edit(路线 B)输出的 HTML 进行 5 维度质量检测(design-token 合规性、结构完整性、排版合理性、文体契合度、装饰使用合理性),输出结构化检测报告,不通过则打回上游做一次定向修正(不循环)。\n在 generate_word 路线 A 和路线 B 流水线中,每次 HTML 输出后必须调用此 skill;\n当需要检查 HTML 是否存在裸样式值、标题跳级、缺少必需文体元素、装饰过度等问题时,都应使用此 skill 而非手动检查。

Install

npx vskill@latest install crane-in-clear-sky/workwit-ai-agent/html-review

SKILL.md

⚠️ 环境适配:本技能原为排版管线的 HTML 质检环节,当前系统排版走 generate_word,正文中的质检维度可作方法论参考,无需执行 CLI。
📎 参考文件说明:正文中引用的 references/、rules/、workflows/ 等子文件未随技能导入(系统仅存单 SKILL.md),请直接依据本文方法论执行,不要尝试读取不存在的参考文件。

html-review Skill

何时使用本 Skill

在 generate_word 的路线 A 和路线 B 流水线中,每次 HTML 输出后调用本 skill 执行质量门禁:

  • 路线 A:每次 doc-typeset 输出 HTML 后调用
  • 路线 B:每次 doc-edit 输出 HTML 后调用

若检测不通过,将修正反馈返回对应 skill(路线 A → doc-typeset;路线 B → doc-edit)做一次定向修正,修正后直接输出,不再复检、不循环。

职责

执行 6 维度 HTML 质量门禁检测,输出结构化 HtmlReviewReport。安全性维度(SC-01~SC-06)为一票否决维度;其余 5 维度参与综合分计算。检测不通过时,生成可操作的修正建议返回给上游 skill。

执行方式(脚本化,0 次 LLM 往返)

6 个维度的检测项全部为确定性规则(正则匹配、标签计数、结构解析、class/属性存在性判断),已由 `scripts/review_html.py` 完整实现(纯 Python 3 标准库,零第三方依赖)。本 skill 直接运行脚本并解析其 JSON 输出作为 HtmlReviewReport,无需读取 `references/` 逐条人工检测,无需任何 LLM 推理往返。

  • stdout 输出即为完整 HtmlReviewReport(JSON)。
  • 退出码:0 = 通过(passed=true);1 = 不通过(passed=false);2 = 运行错误(输入缺失/为空)。
  • 脚本失败(退出码 2 或异常)→ 视为 review_skill_failed,由 generate_word 输出当前最佳 HTML(见 generate_word §7)。

references/ 目录下的规则文件是脚本实现的规则来源与说明,仅供维护脚本时对照,运行时无需加载。

输入契约

输出契约

6 维度检测规则

各维度的详细检测项、评分标准和修正建议格式见 references/ 目录下的对应文件——这些是 scripts/review_html.py 的实现依据,运行时由脚本统一执行,无需人工读取:

维度权重规则文件(脚本实现依据)
design-token 合规性25%references/design-token-compliance.md
结构完整性25%references/structural-integrity.md
排版合理性20%references/typographic-quality.md
文体契合度20%references/genre-fit.md
装饰使用合理性10%references/decoration-usage.md
安全性审查(XSS 防护)一票否决references/security-check.md

综合分 = Σ(前 5 维度分 × 权重)(安全性维度不参与综合分计算)

通过门槛

  • score ≥ 80
  • 所有维度的 passed 均为 true

任一维度 passed = false 则整体 passed = false,无论综合分高低。

安全性维度(SC-01~SC-06)任意触发 → 整体 passed = false,不受 score 影响。

打回修正逻辑(一次,不循环)

actionable_feedback 格式规范

每条反馈须满足:

  1. 指明问题位置(CSS 属性名、HTML 元素、class 名等)
  2. 给出具体修正方式(替换为什么、添加什么)
  3. 使用中文,简洁明了

示例:

  • ✅ style="font-size: 14px" 中存在裸字号,请替换为 style="font-size: var(--fs-body)"
  • ✅ <h1> 后直接出现 <h3>,标题层级跳级,请补充 <h2> 层级
  • ❌ 存在样式问题 (过于模糊)

Security

  • Security scanPassed, 100 of 100Pattern checks on the skill's files.
  • Model reviewNot runA model review is scheduled for the next rescan.

Quality evaluation

  • Task evaluationNot runNo evaluation yet. Run one in Skill Studio.

Source

Popularity

Repository stars
117
Repository forks
5
7-day trend score
0

Stars and forks are for the whole GitHub repository, not this skill alone. Not refreshed yet.

Works with

Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.

  • Claude Code
  • Cursor
  • GitHub Copilot
  • Windsurf
  • Codex
  • Gemini CLI
  • Cline
  • Amp
  • Roo Code
  • Goose
  • Continue
  • Kilo Code
  • Junie
  • Trae
  • OpenHands
  • Qwen Code
  • AI Agent
  • Tabnine Chat
  • Sourcegraph Cody
  • Amazon Q
  • Firebase Genkit
  • Sweep
  • Devin
  • Phind
  • Mentat
  • Claude Desktop
  • Aider
  • GPT Pilot
  • Plandex
  • bolt.new
  • v0
  • Replit Agent
  • Anse
  • TypingMind
  • BetterChatGPT
  • LibreChat
  • Warp AI
  • Pieces
  • Fig AI
Embed badge
vskill VERIFIED badge
[![vskill VERIFIED](https://verified-skill.com/api/v1/skills/crane-in-clear-sky/workwit-ai-agent/html-review/badge)](https://verified-skill.com/skills/crane-in-clear-sky/workwit-ai-agent/html-review)

Something wrong with this skill or its page? Tell us.