critique

A structured method for reviewing a rendered visual, such as a webpage, chart, slide, or game screen, and turning visible problems into specific changes.

In plain words
What is it for?
It requires inspecting a real render, scoring it against a review rubric, and suggesting exact adjustments to spacing, colors, sizes, timing, and other visual values.
Why use it?
It replaces vague feedback such as “this feels off” with ranked recommendations tied to what is actually visible.

Skill for Claude CodeCodex

Part of the atelier plugin — 7 skills shipped together

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.

agentmods
npx agentmods add skills/jangles-byte/atelier/critique
Any agent
npx skills add jangles-byte/atelier --skill critique
Clone the repo
git clone --depth 1 https://github.com/jangles-byte/atelier

Made for: Claude Code, Codex.

Or install atelier, the plugin that ships this one along with the rest of its 7 skills.

Per session 123 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 663 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. Scan, not verified.
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 $0.00123 $0.00663
Opus 5 $0.00062 $0.00331
Sonnet 5 $0.00025 $0.00133
Haiku 4.5 $0.00012 $0.00066

Measured 2d ago against content hash c2a7f108ac56, method: parsed. Prices are Anthropic first-party input rates as of 2026-08-30, from the pricing page.

Security

Grade A, and why

critique 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 2d ago.

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.

skills/critique/SKILL.md · 49 lines

How it starts

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

Critique

A critique is an ordered list of changes with exact values, produced by evaluating a real render against a fixed rubric. "Feels unbalanced" is not critique; "increase section gap 32px→64px so the pricing table separates from the hero" is.

Workflow

  1. Get a real render. Screenshot the running artifact (browser preview, simulator, plot output, game capture) — never critique source code or imagination. If anything moves, a still is not a render. Capture the motion and watch it:
    ../motion/scripts/capture-motion.py index.html --out review.gif --duration 1200
    
    Then interact with it directly — hover, open and close, mash the trigger — because interruption bugs only appear under abuse.
  2. Inventory — one paragraph of what is objectively on screen (elements, reading order as encountered, palette, faces in use). Forces looking before judging.
  3. Score the rubric — eight dimensions, 1–5 each, using references/rubric.md. Cite evidence per score.
  4. Write the change list — every scored weakness becomes a change in the exact format of references/change-format.md: ranked by impact, each with location, current value → new value, and the principle it serves. 3 changes minimum, 10 maximum; past 10, ship the top 10 and re-critique after.
  5. Apply and re-render. A critique that isn't applied and re-verified is a memo. Iterate until the weakest rubric dimension scores ≥ 4 or the user stops you.

Which reference to load

Situation Load
Scoring any render; the eight dimensions with anchors references/rubric.md
Writing the output; worked example of a full critique references/change-format.md

Rules

  • Judge against the design philosophy first (does it keep its own promises?), the rubric second. If no philosophy exists, write a one-line inferred intent and say so.
  • Diagnose over prescribe when uncertain of intent — but never emit a finding without a proposed exact value. Uncertainty goes in a parenthetical, not in vagueness.
  • Strengths get one sentence, findings get the rest. Flattery is not calibration.
  • Accessibility findings (contrast, motion, hit targets) always rank above aesthetic findings, whatever their scores.

Read the full file on GitHub · 49 lines

Files

What ships with it

2 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. 2d ago First seen · 49 lines · 0 tokens per session scan A c2a7f108ac56

Subscribe to this mod's changes

critique is a skill published in the GitHub repository jangles-byte/atelier (2 stars, last pushed 1mo ago), licensed MIT. It adds 123 tokens to every session and 663 once invoked, about $0.0006 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-08-31.

Related

Other skills, from other repositories

sheleg-design

Use when deciding how something LOOKS or MOVES — cinematic landing pages and hero sections, particle/WebGL backgrounds, scroll-linked or scrubbed motion, layers that drift, dashboards, admin or internal tools, mobile screens, chat or agent interfaces, tokens, themes, palettes, typography and the Figma border. Triggers…

ssheleg/sheleg-design-skill · 280 tokens

html-ppt-zhangzara-cobalt-grid

OpenDesign renewal + seat-expansion business case for a growing customer: realized value, usage proof, and the expansion ROI. Built as a decision-grade B2B sales deck for champion, finance approver.

nexu-io/open-design · 54 tokens

html-ppt-zhangzara-mat

A margin-recovery diagnosis for a regional grocery chain — the governing thought, the driver tree, the priorities, and the roadmap. Built as a decision-grade consulting deck for client sponsor, steering committee.

nexu-io/open-design · 51 tokens

html-ppt-zhangzara-peoples-platform

A public-transit funding proposal for a city council — ridership need, the plan, the risk controls, and the ask. Built as a decision-grade policy briefing deck for city council, public board.

nexu-io/open-design · 53 tokens

html-ppt-zhangzara-long-table

OpenDesign's unit-economics and BYOK cost model: the assumptions, the sensitivity, and why it scales. Built as a decision-grade data & finance deck for CFO, investors.

nexu-io/open-design · 49 tokens

hr-onboarding

A new-hire onboarding plan as a single page — first week schedule, buddy + manager intro, learning track, equipment checklist, and "you're set when…" outcomes. Use when the brief mentions "onboarding", "new hire", "first week plan", or "入职".

nexu-io/open-design · 62 tokens