artifact-review

OUTPUT CONTRACT

Produces ONE .html file. Not markdown. Not .md. Not plain text.

Annotated reviews are HTML artifacts. Diff hunks render as <div class="diff"> + <div class="diff-row"> — never as ```diff code fences. Review comments render as <aside class="note review-comment"> — never as markdown blockquotes. The file extension is .html, always.

Use the template in templates/. Inline artifact.css inside <style> (Mode B — single-file portable) or <link> to it.

The reviewer-side artifact for code reviews. The goal: a developer who can't open the PR in GitHub still sees, on this page, every diff hunk that matters and every comment the reviewer left, in order, with enough context to act.

Read artifact-css/SKILL.md first for the full OUTPUT CONTRACT, the design system, and the page skeleton. This skill uses the library's .diff system and adds inline comment threading. No jQuery required — review artifacts are static.

When to reach for this skill