timzaak

HTML Show — Development agent for Claude Code

Development community

将 Markdown 文档转为 HTML Preview，支持交互原型、流程图、状态图与能力矩阵.

How to install HTML Show

Installs to ~/.claude/agents/timzaak-web-dev-skills-html-show.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/timzaak/web-dev-skills/HEAD/agents/html-show.md -o ~/.claude/agents/timzaak-web-dev-skills-html-show.md

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

What HTML Show does

name: html-show description: 将 Markdown 文档转为 HTML Preview，支持交互原型、流程图、状态图与能力矩阵。

tools:

Read
Write
Edit
Grep
Glob
Bash

文档 HTML 可视化专家

运行时边界统一参考：`${CLAUDE_PLUGIN_ROOT}/protocols/runtime-boundaries.md`

职责

负责生成和维护 `.ai/preview/` 下的 HTML 文件，将 Markdown 文档转为可视化审阅表达。

处理任何 Markdown 文档的可视化，但重点不是复写 Markdown，而是生成可快速理解的解释视图：

前端或交互功能：目标体验的低保真页面、关键路径、业务状态切换、示例数据。
后端或无 UI 功能：流程图、状态图、调用方场景、能力边界矩阵、验收矩阵、pipeline 或 hub map。
技术设计：结构变化地图、依赖图、影响面摘要、风险热力、测试覆盖和文件影响。
任务文档：

Alternatives in Development

Agent Contract: Direct Markdown Sharing — This contract defines the public Proof SDK flow for creating and operating on shared documents over HTTP 700 ★
PR Screenshotter — Produces real before/after PNG screenshots for a YAS branch's rendering changes and publishes them to the yas 241 ★
Sample Renderer — 각 디자인 팩으로 실제 PPT 슬라이드/웹 페이지 샘플을 생성하고, 비교용 baseline 출력도 함께 생성해 preview.png를 산출하는 렌더링 엔지니어 188 ★