Communitygithub.com

visual-verdict

Compare une capture d'écran générée avec une ou plusieurs images de référence et renvoyer un verdict JSON structuré pour guider la prochaine itération d'édition.

Qu'est-ce que visual-verdict ?

Cette compétence (skill) permet d'effectuer une évaluation visuelle structurée en comparant une capture d'écran générée à une ou plusieurs images de référence. Elle retourne un verdict JSON strict (score 0-100, verdict pass/revise/fail) qui peut piloter la prochaine itération d'édition du code. L'utilisateur fournit les chemins des images de référence et de la capture générée, ainsi qu'une indication optionnelle de catégorie. La compétence est conçue pour les plateformes d'agents IA comme Claude Code et s'intègre dans une boucle de feedback où un score inférieur à 90 provoque automatiquement une nouvelle tentative d'édition avant tout passage de revue visuelle. Elle aide à diagnostiquer précisément les écarts de mise en page, d'espacement, de typographie ou de couleurs, et propose des suggestions d'éditions concrètes. En cas de difficulté, elle recommande l'utilisation d'outils de diff pixel comme aide secondaire.

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

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

<Use_When>

  • La tâche inclut des exigences de fidélité visuelle (mise en page, espacement, typographie, style des composants)
  • Vous disposez d'une capture d'écran générée et d'au moins une image de référence
  • Vous avez besoin d'un guide déterministe de validation/échec avant de poursuivre les modifications </Use_When>

<Output_Contract> Retournez uniquement du JSON avec cette forme exacte :

{
  "score": 0,
  "verdict": "revise",
  "category_match": false,
  "differences": ["..."],
  "suggestions": ["..."],
  "reasoning": "courte explication"
}

Règles :

  • score : entier de 0 à 100
  • verdict : statut court (pass, revise ou fail)
  • category_match : true lorsque la capture générée correspond à la catégorie/au style d'interface attendu
  • differences[] : écarts visuels concrets (mise en page, espacement, typographie, couleurs, hiérarchie)
  • suggestions[] : prochaines modifications exploitables liées aux différences
  • reasoning : résumé en 1 à 2 phrases </Output_Contract>

<Threshold_And_Loop>

  • Le seuil de validation cible est 90+.
  • Si score < 90, continuez l'édition et relancez /oh-my-claudecode:visual-verdict avant tout autre passage de revue visuelle.
  • Ne considérez pas la tâche visuelle comme terminée tant que la capture d'écran suivante n'a pas dépassé le seuil. </Threshold_And_Loop>

<Debug_Visualization> Lorsque le diagnostic d'écart est difficile :

  1. Gardez $visual-verdict comme décision de référence.
  2. Utilisez un outil de diff au niveau pixel (pixel diff / superposition pixelmatch) comme aide de débogage secondaire pour localiser les zones chaudes.
  3. Convertissez les zones chaudes du diff pixel en mises à jour concrètes dans differences[] et suggestions[]. </Debug_Visualization>

Tâche : {{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

Skills associés