ppt-visual-review

ppt-visual-review is a skill for Claude Code, Codex from hxy91819/mason-skills. It costs 57 tokens per session (1,607 once invoked), scanned A, original, MIT.

A visual review workflow for slide-like HTML pages, where each page fills a fixed screen. It checks spacing, margins, empty space, and alignment, then adjusts the layout and produces before-and-after evidence.

In plain words
What is it for?
Use it to inspect and correct the layout of an HTML presentation one page at a time, using screenshots and measurements to support the changes.
Why use it?
It helps catch layouts that are technically within numeric limits but still look uneven when rendered. It also keeps repeated page structures visually consistent.

Skill for Claude CodeCodex

Written for Claude Code and Codex: disable-model-invocation in frontmatter, but also agents/openai.yaml present. Also seen: $skill-name invocation.

Good fit Use it to inspect and correct the layout of an HTML presentation one page at a time, using screenshots and measurements to support the changes.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/hxy91819/mason-skills/ppt-visual-review
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent
npx skills add hxy91819/mason-skills --skill ppt-visual-review
Clone the repo
git clone --depth 1 https://github.com/hxy91819/mason-skills

Made for: Claude Code, Codex.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for ppt-visual-review

README.md
[![agentmods](https://agentmods.dev/badge/skills/hxy91819/mason-skills/ppt-visual-review/github.svg)](https://agentmods.dev/skills/hxy91819/mason-skills/ppt-visual-review)
Your own site
<a href="https://agentmods.dev/skills/hxy91819/mason-skills/ppt-visual-review"><img src="https://agentmods.dev/badge/skills/hxy91819/mason-skills/ppt-visual-review/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for ppt-visual-review

Your own site · 80×15
<a href="https://agentmods.dev/skills/hxy91819/mason-skills/ppt-visual-review"><img src="https://agentmods.dev/badge/skills/hxy91819/mason-skills/ppt-visual-review.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 57 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 1,607 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00057 $0.01607
Opus 5 $0.00028 $0.00804
Sonnet 5 $0.00011 $0.00321
Haiku 4.5 $0.00006 $0.00161

Measured today against content hash 8419914d392d, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-12, from the pricing page.

Security

Grade A, and why

ppt-visual-review scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured today.

The scan reads SKILL.md. This mod also ships 2 executable files (scripts/build-report.py, scripts/measure-deck.js), listed below but not scanned — reading those needs a real analyzer, not pattern matching.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

common-skills/ppt-visual-review/SKILL.md · 95 lines

How it starts

The opening of the file, as written. The whole thing — 95 lines — stays where its author put it; the contents beside it link to each section on GitHub.

PPT Visual Review

这是流程类 Skill,默认仅在用户显式调用 $ppt-visual-review 时运行。

对一份 PPT 式 HTML(每页一屏、固定画布)做版式验收:每一页的节奏是不是同一套。主审四件事—— 块间间隔、页边距、区域留白、并排列的对称。判定以真实渲染的图为准,测量只是线索。

本技能会直接改被审文件的版式并输出改前改后对比报告,不等用户逐条审批;文案、数字与内容结构不动。

1. 读出版面契约

先把这份 deck 的版面契约写下来,它是后面每条判定的基准:页画布尺寸、页边距、间隔档位(deck 实际在用的几个 分隔值)、卡片内边距、投影规格。契约从被审文件自身取——:root 变量、页容器的定位值、重复出现的数值——不套外部规范。

一条贯穿全篇的判定原则:同一角色的间隔,在每一页取同一个值。页眉到主区、主区到页脚、主区内相邻区块, 各是一个角色。

完成标准:页边距、区块间隔、卡片间隔三档各写出一个目标值,且每个值能在被审文件里指到出处。

2. 测量

NODE_PATH=<装了 playwright 的 node_modules> \
node scripts/measure-deck.js --file <deck.html> --out <目录> --label before --shot

产物:<label>.json(每页几何 + flags)、每页 plain 截图与 ruler 标尺图。常用开关见脚本头部注释; 页容器不是 .slide 时用 --slide-sel 指定,阈值用 --tol/--slack/--near/--min-gap 调。

脚本量的是视觉盒(含硬投影与旋转的包围盒,透明容器取子孙绘制并集),口径与理由写在脚本头部——读结果前先看那段, 否则会把「5px 投影 + 25px 间隔」误当成 30px 的间隔。

flags 是线索,不是结论:rhythm 同容器内间隔极差、cross-page 同角色跨页不一致、slack 透明区域空出的整块、 symmetry 列边错位与左右边距不对称、scale 接近但不相等的间隔档位。每条都要在第 3 步用图复核后才能进报告。

完成标准:json 覆盖全部页,pageCount 与实际页数一致;scale 归一后各页 width/height 相同。

3. 看图

逐页 Read 两张图:plain 判观感,ruler 核数值。 这一步不可跳过——数字全在容差内而看着仍不齐,以图为准; 图上看得见、flags 没报的,补成 finding。

逐页对着图问同样几件事:相邻区块的间隔是不是一个节奏;页边距四边是否对称、各页是否同值;主区底部有没有整块空出; 并排的两列底边是否对齐;同角色元素(页眉、页脚、图例、页码)在各页的位置是否落在同一条线上。

有旋转装饰、居中对齐的单行排、卡片内文字长短不一时,几像素的错位是设计意图,判为保留,不凑数量。

完成标准:每页两张图都真的看过;每条 finding 能在图上指出位置,且能说清读者会看到什么不一致。

4. 定级与改

三档定级:阻断(整块留白或列底错位,一眼就看出这页没排完)、应改(间隔不成节奏、跨页同角色不同值、 左右边距不对称)、可选(几像素的档位对齐、装饰性错位)。

改法:动档位与容器定位,不逐处补 px。把目标间隔写成变量或改页容器的边距定位,让同角色的位置在各页同源; 留白靠压缩版式空间或让容器随内容收敛来消,列底不齐靠对齐两列的收尾块。改完确认没有新增散落数值。

边界:只改版式,不动文案、数字、口径与内容结构。版式空间压不下、必须删改内容才能排满时,停下来问用户, 不要自行删内容。

完成标准:每条阻断与应改都有对应的 CSS 改动,且能说出改的是哪个档位。

5. 回归

重跑第 2 步,--label after --shot --gate,对照 before/after 的 flag 数与数值;被审仓库自带版式门禁脚本时一并跑。

完成标准:阻断与应改类 flag 清零,或每条残留都写明保留理由;after 截图逐页复看一遍,确认改动没有把内容挤出页面。

6. 报告

python3 scripts/build-report.py --data findings.json --out <报告.html>

findings.json 的字段与示例见 scripts/build-report.py 头部注释。报告是单文件 HTML, 图片内嵌,可直接转发。

Read the full file on GitHub · 95 lines

Files

What ships with it

3 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. today Changed · +2 lines 8419914d392d
  2. 8d ago First seen · 93 lines · 57 tokens per session scan A 6ae8e99d81ea

Subscribe to this mod's changes

ppt-visual-review is a skill published in the GitHub repository hxy91819/mason-skills (2 stars, last pushed today), licensed MIT. It adds 57 tokens to every session and 1,607 once invoked, about $0.0003 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-09-04.

Related

Other skills, from other repositories

webgl-holographic-foil

A self-contained WebGL2 hero: thin-film interference over a crushed-foil surface whose palette shifts with the viewing angle; move the cursor to tilt the film.

nexu-io/open-design · 41 tokens

html-ppt-hermes-cyber-terminal

OpenDesign + BYOK: choosing and wiring your own model, hands-on — cost, quality, and the routing decision. Built as a decision-grade AI literacy deck for engineers, IT, applied-AI teams.

nexu-io/open-design · 53 tokens

html-ppt-taste-brutalist

16:9 HTML deck in tactical-telemetry / CRT-terminal taste. Deactivated-CRT charcoal slides, white-phosphor monospace, hazard-red accent, scanline overlay, ASCII syntax, density over decoration. Distilled from Leonxlnx/taste-skill brutalist-skill (Tactical Telemetry mode).

nexu-io/open-design · 78 tokens

visual-ralph

Visual Ralph orchestration for frontend UI from generated references, static references, or live URL targets, using $ultragoal with built-in visual verdict and pixel-diff evidence until the implementation matches and leaves a reproducible design system.

Yeachan-Heo/oh-my-codex · 52 tokens

accessibility

Consolidated accessibility skill entrypoint for WCAG 2.2, ARIA Authoring Practices, cognitive accessibility, Section 508, EN 301 549, design intent verification, and the Accessibility Planner workflow.

microsoft/hve-core · 47 tokens

make-resume

A Chinese-language tool for creating editable HTML resumes that can be changed in a browser and printed to PDF. It uses available resume templates when they are installed and otherwise provides a simpler fallback.

Hisn00w/ASu-skills · 86 tokens