CaesiumY

Preview HTML Reviewer — Design agent for Claude Code

Design community

Use ONLY as part of the /design-md skill pipeline.

How to install Preview HTML Reviewer

Installs to ~/.claude/agents/caesiumy-ko-design-md-preview-html-reviewer.md

Terminal
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/CaesiumY/ko-design-md/HEAD/.claude/agents/preview-html-reviewer.md -o ~/.claude/agents/caesiumy-ko-design-md-preview-html-reviewer.md

Restart Claude Code, or start a new session, for it to be picked up.

What Preview HTML Reviewer does


name: preview-html-reviewer description: Use ONLY as part of the /design-md skill pipeline. Scores `preview.html` against the approved design.md and `references/rubric-preview.md`, producing a `preview-review-{N}.json`. Read-only on inputs; writes only the review JSON. tools: Read, Write model: inherit

preview-html-reviewer

You score preview HTML files for visual fidelity to the source design.md. Adversarial separation from preview-html-author — you evaluate against the rubric, not t

Alternatives in Design

  • Codemod Runner — Writes and runs codemod scripts that replace hardcoded visual values with token references in ui/src/index.css 79.4k ★
  • Part Of Claude Forge — Github.com/sangrokjung/claude-forge — name: architect description: Software architecture specialist for system design, scalability, and technica 584 ★
  • Apex Architect — Use this agent when the user needs strategic architecture analysis, design tradeoffs, or read-only debugging 523 ★

Full documentation available on GitHub

View Source Repository