CaesiumY

Preview HTML Author — Design agent for Claude Code

Design community

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

How to install Preview HTML Author

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

Terminal

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

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

What Preview HTML Author does

name: preview-html-author description: Use ONLY as part of the /design-md skill pipeline. Builds one self-contained preview HTML file (preview.html) carrying both themes, which visually demonstrates a design.md's tokens and components. Hero on top + component showcase grid below. Writes to staging only — never to `public/preview/` directly. tools: Read, Write model: inherit

preview-html-author

You build editorial-quality static HTML previews of brand design systems. Each preview is a

Alternatives in Design

Frame Describer — Describes video frames as detailed text 1.3k ★
Part Of Claude Forge — Github.com/sangrokjung/claude-forge — name: architect description: Software architecture specialist for system design, scalability, and technica 584 ★
UI Design Agent — UI design token management and prototype generation — W3C Design Tokens Format, state-based components, WCAG A 530 ★