Communitygithub.com

visual-verdict

通过比较生成的UI截图与参考图像,返回结构化的JSON判定结果,以驱动下一次编辑迭代。

visual-verdict 是什么?

该技能用于将生成的UI截图与一张或多张参考图像进行视觉对比,并返回一个严格的JSON判定结果,从而指导后续的编辑迭代。它特别适用于需要确保视觉保真度(如布局、间距、排版、组件样式)的任务。技能支持可选的类别提示(例如`hackernews`、`sns-feed`、`dashboard`),以便更准确地评估生成的截图是否与预期类别匹配。输出格式必须包含0-100的评分、`pass`/`revise`/`fail`判定、差异列表以及可操作的建议。当评分低于90分时,技能会强制要求继续编辑并重新运行,直到达到阈值。它支持多平台(如Claude Code),在诊断困难时还可以结合像素级差异工具进行辅助分析。

兼容平台✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Yeachan-Heo/oh-my-claudecode/tree/main/skills/visual-verdict

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

<Use_When>

  • 任务包含视觉保真度要求(布局、间距、排版、组件样式)
  • 你已有一张生成的截图和至少一张参考图像
  • 在继续编辑之前,你需要确定性的通过/失败指导 </Use_When>

<Output_Contract> 返回仅 JSON,格式如下:

{
  "score": 0,
  "verdict": "revise",
  "category_match": false,
  "differences": ["..."],
  "suggestions": ["..."],
  "reasoning": "简短解释"
}

规则:

  • score:整数,范围0-100
  • verdict:简短状态(pass、revise 或 fail)
  • category_match:当生成的截图与预期的 UI 类别/样式匹配时为 true
  • differences[]:具体的视觉不匹配项(布局、间距、排版、颜色、层次结构)
  • suggestions[]:与差异相关的可操作的下一次编辑建议
  • reasoning:1-2 句话摘要

<Threshold_And_Loop>

  • 目标通过阈值为 90+。
  • 如果 score < 90,则继续编辑并在进行任何进一步的视觉审查之前重新运行 /oh-my-claudecode:visual-verdict。
  • 在下一张截图未达到阈值之前,不要将视觉任务视为完成。 </Threshold_And_Loop>

<Debug_Visualization> 当差异诊断困难时:

  1. 将 $visual-verdict 作为权威决策。
  2. 使用像素级差异工具(pixel diff / pixelmatch overlay)作为辅助调试手段来定位热点区域。
  3. 将像素差异热点转化为具体的 differences[] 和 suggestions[] 更新。 </Debug_Visualization>

任务:{{ARGUMENTS}}

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

agent-doc-discipline

Writing-time discipline for documents agents consume (the five surfaces, specs, tickets, .omc/skills/) — every rule checkable and carrying a why, steps before reference, one meaning in one home, no restating what the environment already says. Mandatory at drydock seed generation and the launch C5 sediment pass; opt-in for any other agent-facing doc edit. The companion of minimal-code-discipline: that one disciplines code, this one disciplines papers.

ai-slop-cleaner

Clean AI-generated code slop with a regression-safe, deletion-first workflow and optional reviewer-only mode

ask

Process-first advisor routing for Claude, Codex, Gemini, Antigravity, Grok, or Cursor via `omc ask`, with artifact capture and no raw CLI assembly

ask-navigator

Shipyard

autopilot

Full autonomous execution from idea to working code

autoresearch

Stateful single-mission improvement loop with strict evaluator contract, markdown decision logs, and max-runtime stop behavior

cancel

Cancel any active OMC mode (autopilot, ralph, ultragoal, swarm, ultrapilot, pipeline, team) and clean up retired legacy state

configure-notifications

Configure notification integrations (Telegram, Discord, Slack) via natural language

debug

Diagnose the current OMC session or repo state using logs, traces, state, and focused reproduction

deepinit

Deep codebase initialization with hierarchical AGENTS.md documentation

deep-interview

Socratic deep interview with mathematical ambiguity gating before explicit execution approval

drydock

Lay the keel of the shipyard harness in any repo — the 4-pillar shared environment (Context, Rules, Tools, Standards) across 5 surfaces (CLAUDE.md, skills, design-system, mcp/cli, shared context) so that every human and agent inherits the same design language and anyone can ship. Run once per repo; re-run with --check to audit drift.

execute

Carry an approved task through to working, verified code

external-context

Invoke parallel document-specialist agents for external web searches and documentation lookup

graph

Deterministic orchestration graph runtime - declarative DAG pipelines with journal-based crash recovery

harbor

Harbor intake for external work — the captain only handles unresolved decisions. Sweeps incoming issues and PRs, verifies every claim before disposition, reuses every decision already made, and hands the maintainer a docket whose pending items each carry one question with options, recommendation, impact and evidence. Agent-autonomous for facts and for actions covered by standing authorization; signed for every new judgment. Never merges.

hud

Configure HUD display options (layout, presets, display elements)

launch

Shipyard

loft

Loft the shape before cutting steel — answer a design question that prose cannot settle by building a throwaway artifact: a pure logic module in a clickable shell, or structurally different UI variants behind one route. The captain reacts to the artifact; the answer folds into the decision; the artifact never docks. Use when a design question stalls in words, when a navigator map carries a loft ticket, or when a spec discussion reaches

minimal-code-discipline

YAGNI-ladder coding discipline for writing changes — existence-first, reuse before writing, dependency ladder, shortest correct diff, with non-negotiables that must never be minimized away

相关技能