Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →hashgraph-online/visual-html-renderer
HTMLを最終成果物として生成・検証・プレビューしたい時に使う共通レンダラー。Use this shared renderer when the user wants content turned into a final, validated, previewable HTML artifact. 現行rendererの表現能力を前提にagentが文書モデルを直接設計し、表・リスト・コード・注記・図・生成画像を選んだHTML bundleとセッション限定のプレビューURLを提示する。Triggers: html出力して, HTMLにして, HTMLで出して, この内容をHTMLで出して, HTMLでプレビューして, HTMLレンダラー, HTML出力を共通化, 図示つきHTML, visual HTML renderer, render this as HTML, turn this into HTML, create an HTML preview, generate a visual HTML report, make this a reviewable HTML documen
Passed 18 of 22 test cases with the skill, and 4 of 22 without it.
and 20 more in the full report
16 fixed5 passed either way4 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 16 test cases the skill fixed. Same model, same prompt, with and without the skill.
Immediately after starting the preview server for a document bundle, what CLI subcommand should be executed to monitor incoming feedback comments from the browser?
| Checked | Without skill | With skill |
|---|---|---|
| Specifies running watch-comments CLI subcommand targeting output directory root. | Missed | Passed |
The instructions your model reads when the skill loads.
HTML出力系skillの共通レンダラーとして、個別HTML生成ロジックを置き換える。
重い処理は scripts/html_review_workbench/ のPython実装に委譲し、このskillは入力確認、呼び出し順、ガード、検証を担当する。
Use this skill as the shared renderer for HTML-output workflows. It replaces one-off HTML generation logic with a fixed flow: understand the requested content, design the document model, run the shared CLI, validate the bundle, and return a preview URL. Heavy implementation stays in scripts/html_review_workbench/; this skill owns input handling, workflow order, gates, and verification.
Plan Mode 中の計画確認プレビューには、このskillを使わない。その場合は plan-preview を使い、一時HTML previewとして扱う。visual-html-renderer は通常の最終HTML成果物、レポート、レビュー可能な文書のbundle生成だけを担当する。
Do not use this skill for Plan Mode proposal previews. Route those requests to plan-preview; this skill is only for final HTML artifacts, reports, and reviewable document bundles.
check-model CLI、Completion receipt。Follow the language of the latest user request for progress updates, final responses, preview handoff text, and user-facing summaries. 日本語の依頼には日本語で、英語の依頼には英語で返す。入力本文や引用内容は、ユーザーが翻訳を求めない限り勝手に翻訳しない。HTML内の見出しや本文は、元資料の言語、ユーザーの指定、レビュー対象読者に合わせる。
<proposed_plan> の視覚確認、計画URLの追加が目的なら、このskillではなく plan-preview を使う。document-model.json を直接作る。build-model で source-capture draft を作ってよい。ただし draft は最終モデルではないため、そのまま render へ渡さない。document-model.json を読み返し、未再構成テキストの流し込みやrenderer非対応型の使用がないことを確認する。image.generation_status=requested のブロックがある場合は、imagegen skillで画像を生成し、attach-image CLIで文書モデルへ添付する。check-model CLIで最終render前の文書モデル品質を検査する。render CLIでHTML bundleを生成する。validate CLIでHTML、asset、comment schema、図・画像の非空を検証する。preview CLIを --mode auto で起動し、返却JSONの url と stop_command を最終応答に必ず書く。test cases passed, vs 4 / 22 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.