bzwh321/data-analysis-report-agent/html-report-renderer

Claude Code and agent skill by bzwh321/data-analysis-report-agent

Trust tier 2
  • community
LLM review pending
Source check pending

Checking that the SKILL.md file is still in the repository.

Render a validated assembly pack into HTML or React using the frozen format contract, selected style, color system, approved text pack, and approved chart spec pack. Copy approved analytical strings exactly, keep bounded findings as detachable modules outside the full-report summary, and never draft, strengthen, or redesign analytical conclusions.

Install

npx vskill@latest install bzwh321/data-analysis-report-agent/html-report-renderer

SKILL.md

HTML Report Renderer

Runtime

Read manifest.yaml before invocation and use execution.temperature as the model-call parameter. The manifest is the only temperature authority.

Inputs

Require a report_text_pack that has passed harness/report_text_validator.py, a chart_spec_pack that has passed harness/chart_spec_validator.py, and an assembly_pack that has passed harness/report_assembly_validator.py, plus the format contract, selected style, the selected style's sample.html, and color system. Treat the sample as a fixed visual reference for rhythm and layout, not as a source of business claims.

Rendering Rules

  1. Copy approved analytical strings exactly. Add only fixed section numbers,

units, source labels, and accessibility labels. Render visible section prose only from body_blocks; never render verification questions, evidence ledgers, logic-chain steps, or conclusion.render_plan.segments.

  1. Render normal sections in the report reading path declared by

assembly_pack.renderer_handoff and allow only their accepted title/subtitle text into the full-report summary.

  1. Render every bounded_module as a separate element with

data-module-type="bounded" and data-removable="true". Place it outside the full-report summary and normal analytical-section numbering.

  1. Render a bounded module's statements as complete sentences in their given

order. Do not add visible 现有证据、结论、证据边界 or similar answer labels, and do not restyle the module as a recommendation or management conclusion.

  1. Do not render controller_resolution.omitted_units.
  2. Respect every declared line plan. If actual browser geometry exceeds it,

return the unit to report-text-editor; do not shorten it in markup.

  1. Run desktop and narrow-width visual review before delivery.
  2. Render charts only from chart_spec_pack. Do not infer chart semantics from

prose. If a chart spec says the focus metric is profit rate, the rendered SVG/canvas/config must show that metric and its required annotations.

  1. If the rendered chart cannot satisfy required_series,

series_completeness, required_annotations, or fail_if_missing, stop and return to report-assembler; do not silently simplify the chart. Highlight layers must be rendered as overlays on top of complete base series. They may not replace missing points, bars, or lines from the base series. Render in-chart annotations only from annotation_plan. Do not invent decorative decline lines, diagonal arrows, large red boxes, bracket overlays, fake legend series, or unplanned callouts. When an icon is requested, use only assets/chart-icons/chart-emphasis-icons.svg; red/yellow/green are limited to semantic signal icons, and other icon concepts render in neutral gray. In-chart explanatory text is allowed, but it must obey the declared placement channel and avoid regions. After rendering, check text/icon bounding boxes and callout rectangle boxes against axes, ticks, legends, labels, plot edges, data-mark bounding boxes, and other annotations. Include bar rectangles, point-marker radius, bubble radius, shaded-band labels, icon viewports, and callout padding in the collision model. If any annotation overlaps, clips, enters the x-axis tick band, covers a data mark, or violates declared min_gap_px, return the chart to report-assembler as needs_chart_revision; do not hide, shorten, or reposition analytical text without a revised chart spec. Assign collision roles while rendering SVG/canvas-equivalent layers: data_mark, axis_or_legend, annotation_text, annotation_container, and reference_region. Allow annotation text to sit on its own background container and inside a declared reference region; reject annotation text that overlaps data marks, axis/legend geometry, plot edges, or another annotation's text/container. This avoids both false passes and false alarms.

  1. For internet-reporting, reject short-prose/tall-chart side-by-side layouts

that leave a large blank area under the prose. Use continuous document flow: claim sentences first, embedded evidence next, reading notes immediately after the evidence.

  1. Prefer one visible statement per line when it fits the planned measure. If

the approved copy cannot fit cleanly, render the approved point list; do not convert it into an awkward multi-line paragraph.

  1. Use only colors supplied by the selected color-system palette and the

universal semantic signal palette. Do not introduce local theme hues in HTML, CSS, SVG, canvas, or chart configuration.

Security

  • Security scanPassed, 100 of 100Pattern checks on the skill's files.
  • Model reviewNot runA model review is scheduled for the next rescan.

Quality evaluation

  • Task evaluationNot runNo evaluation yet. Run one in Skill Studio.

Source

Popularity

Repository stars
56
Repository forks
6
7-day trend score
0

Stars and forks are for the whole GitHub repository, not this skill alone. Not refreshed yet.

Works with

Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.

  • Claude Code
  • Cursor
  • GitHub Copilot
  • Windsurf
  • Codex
  • Gemini CLI
  • Cline
  • Amp
  • Roo Code
  • Goose
  • Continue
  • Kilo Code
  • Junie
  • Trae
  • OpenHands
  • Qwen Code
  • AI Agent
  • Tabnine Chat
  • Sourcegraph Cody
  • Amazon Q
  • Firebase Genkit
  • Sweep
  • Devin
  • Phind
  • Mentat
  • Claude Desktop
  • Aider
  • GPT Pilot
  • Plandex
  • bolt.new
  • v0
  • Replit Agent
  • Anse
  • TypingMind
  • BetterChatGPT
  • LibreChat
  • Warp AI
  • Pieces
  • Fig AI
Embed badge
vskill VERIFIED badge
[![vskill VERIFIED](https://verified-skill.com/api/v1/skills/bzwh321/data-analysis-report-agent/html-report-renderer/badge)](https://verified-skill.com/skills/bzwh321/data-analysis-report-agent/html-report-renderer)

Something wrong with this skill or its page? Tell us.