---
name: zyx-design-review
description: "Use when reviewing or validating Zyx visual artwork for brand consistency, exact brief copy, safe areas, geometry, export fidelity, carousel variety, and continuous decoration."
---

# Review Zyx visual content

Read `../../references/design-rules.md` and `../../references/platforms.md`. Use `../../templates/review.md`.

1. Identify the exact brief version, editable source, target editor/export, and every slide/page. A review-only request stays read-only; implement fixes only when authorized by the task.
2. Audit every artwork line against the brief. List the approved fixed Header/Footer and QRClosing text separately. Flag changed facts, unauthorized rewrites, missing captions, provisional screenshot copy, and unresolved placeholders.
3. Audit layout roles, variety, headline positions, safe areas, fonts, tokens, real assets, image ratios, text emphasis, and decor indices/count/preset. Confirm captions contain post-specific CTAs.
4. For native HTML run `python scripts/render_html.py <source.html> --out out/<project>/review` from the plugin root. For `.dc.html` use the imported `design-system/tools/render_dc.py` as documented. Run image inspection where relevant. Record command exit statuses and report paths.
5. Open every final PNG. Look for clipped text, overlaps, unreadable contrast, broken images, face coverage, incorrect screenshot labels, repeating layouts, and decor breaks. Inspect the actual target export when different from the local render. Automated geometry checks do not establish visual quality by themselves.
6. Fix errors if authorized; resolve warnings or explain intentional exceptions. Sweep all slides for each discovered defect. Rerender after fixes. Report any unavailable check as unverified, never passed.
7. Deliver a concise report with checked files, findings, exceptions, missing inputs, and exact verification scope. Distinguish verified local output from untested host installation or publication.