Preview HTML Reviewer — Design agent for Claude Code
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
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 RepositoryRelated Agents
Design Md Reviewer
Use ONLY as part of the /design-md skill pipeline. Scores a draft.md against research.md and references/rubric
Preview HTML Author
Use ONLY as part of the /design-md skill pipeline. Builds one self-contained preview HTML file (preview.html)
Search Boss
Research and current-information Boss for Forge. Uses approved search/research tools to find facts with source
Design Evaluator
Persistent evaluator on a design sprint team. Scores three designer proposals across three rounds against weig
UI Evaluator
Adversarial UI evaluator that tests live web applications via Playwright. Use only in projects with a running
Product Reviewer
Product gate reviewer — reviews the built feature against the brief for compliance, UX quality, scope, and com
Related Skills
Audit Skills
Periodic health audit of all skills in .claude/skills/ and agents in .claude/agents/. Scores each against a 16
Develop Implement
You are implementing part of an approved development plan in the current working directory for an automated pi
Brainstorming Visual
Use BEFORE implementing any new product hero, landing page, or unfamiliar UI pattern when CEO/user has not pre