# Render HTML Report
> Produce a human-facing visual report — a chart, dashboard, scorecard, or styled summary — that renders as a live page in the screenpipe viewer instead of plain text. Use when the task asks for a visual/graphical output rather than a plain note; do NOT use for plain text or raw data (prefer a markdown note for those).
- Skill: `gabrielmoreira/render-html-report` (Agent Skill)
- Install (CLI): `npx skillmds@latest add gabrielmoreira/render-html-report`
- Raw SKILL.md: https://api.skillmd.com/api/skills/gabrielmoreira/render-html-report/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: gabrielmoreira (https://skillmd.com/u/gabrielmoreira)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/gabrielmoreira/render-html-report
---
# render an html report
screenpipe's in-app viewer can render a standalone `.html` file as a live page (charts, dashboards, styled reports) — but only when you **opt in** and keep the file **self-contained**. Otherwise it shows as raw source.
## the two rules
1. **Opt in.** The first line of the file must be the marker:
```
```
(or `` inside ``). Without it the file shows as source, not a rendered page.
2. **Self-contained — no network.** It renders in a locked-down sandbox with **zero network access**. So:
- inline **all** CSS in a `