General skillDesign and creative work
html-annotated-preview
Annotate Claude-generated reports and previews directly inside a static HTML file.
Annotate Claude-generated reports and previews directly inside a static HTML file.
Render a Markdown report, specification, or page draft as HTML, then highlight text, draw region boxes, add comments, or test CSS changes in the browser. The tool exports only new annotations as one structured prompt for the next Claude iteration and tracks their status locally across review rounds. Annotation works from a static file with no browser extension, MCP connection, or server; converting Markdown to HTML requires Python with the markdown package.
Resource types
Use cases
Platforms
Turns one idea into a clean peanut-led concept illustration.
Keeps generated UI aligned with explicit design rules.
Runtime
Capabilities
Public GitHub facts last synced Jul 10, 2026.
Route a design brief through color, effects, typography, and icon skills in a coherent order.
Plan product design projects in Claude with reusable PRCSS workflows.