← ClaudeAtlas

html-visualizelisted

Shared reference library for the html-visualize browser-HTML workflow — loaded by html-visualize-ask, html-visualize-feedback, and html-visualize-page; not invoked directly.
hk9890/claude-dev-tools · ★ 0 · AI & Automation · score 75
Install: claude install-skill hk9890/claude-dev-tools
## How to use Render interactive HTML the user opens in a browser. Three modes cover the cases — ask, feedback, and visualize. The mode is already determined; do not re-classify it. Pick the active mode from the table below, read its reference doc, and follow it end to end. The user's intent — the questions to ask, the content to mark up, or what to visualize — is the content to render. Carry it into the mode reference's "decide what to render" step. ## Mode routing | Mode | Invoked by | Load and follow | |---|---|---| | `ask` — question/decision form with a blocking submit round-trip | `html-visualize-ask` | [references/ask.md](references/ask.md) | | `feedback` — content (document, plan, or brainstormed options) for inline commenting, with an Apply loop | `html-visualize-feedback` | [references/feedback.md](references/feedback.md) | | `visualize` — non-blocking `--no-wait` serve with always-on footer; user may optionally send a message back | `html-visualize-page` | [references/visualize.md](references/visualize.md) | ## Authoring guidelines — all modes These apply to every mode. The goal is a page the user can take in at a glance and act on without effort. - **Make the page stand alone.** A clear title and a one-line subtitle must orient a reader who has none of the chat context. The user should be able to open, read, and understand the page — or bookmark and share it — on its own. - **Lead with what matters; keep it scannable.** Put the most important content