html-report SKILL.md skillB
html-report from toongri/oh-my-toong-playground is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.
mdr add toongri/oh-my-toong-playground/html-report@git:20261020.81f3adcPins git:20261020.81f3adc in mdr.lock. Pin the fingerprint instead.
- Audit grade
- B, 16 of 17 checks passed
- Kind
- SKILL.md skill
- Repository
- toongri/oh-my-toong-playground
- Path
skills/html-report/SKILL.md- Versions recorded
- 5
- Latest version
- git:20261020.81f3adc, committed Oct 20, 2026
- First version recorded
- Oct 20, 2026
- Size
- 52,363 bytes
- Repository stars
- 25
- License
- MIT
Shared guide for hand-authoring a single-file HTML report with inline SVG diagrams (flow, state, sequence, ERD, architecture) that reads well in light and dark themes, on a 400px phone and a 1280px desktop, in Korean or English, opened straight from disk. It also owns the mandatory screenshot-and-lint self-critique loop (scripts/capture.sh, scripts/lint.sh). Use when a skill or task must produce an HTML report, design doc, plan, diff explainer, or research report with figures. Report skills…
Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.
What the file says
# html-report: HTML reports with inline SVG This guide teaches you to write one self-contained `.html` file by hand: prose, tables, and inline SVG diagrams, with no diagram library and no build step. Any agent that has a shell and file access can follow it. The only external tools are the `agent-browser` CLI (a headless Chrome driver) and `jq`, both used by the scripts in `scripts/`. **Division of labour.** A calling skill (an incident skill, a planner, a QA report, a diff explainer, a research skill) decides *what* the page says: its sections, its claims, its evidence. This guide decides *how* the page is built and checked. When the two conflict, the caller's content rule wins and this guide's form rules adapt around it. A caller never copies these rules. It points here and keeps only its own content rules. For form, the order is: the user's own words, then the caller skill's form rules, then the target project's existing design system (its tokens, theme file, component styles), then this guide's defaults. A project system supplies values such as colors and faces. The theme structure of section 3 and the checks of section 14 still apply. **Output contract.** …
Read the whole file at its exact version.
How to install
mdr add toongri/oh-my-toong-playground/html-report@sha256:2be4fc9a04e7991aThe line at the top of this page pins the label git:20261020.81f3adc, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.
[](https://markdownregistry.com/a/art_4quwkui7rhqzs7yk)
1 badge image fetches in 30 days. What the badge shows.
Versions
The registry has recorded 5 versions of this file, all committed on Oct 20, 2026.
| version | committed | commit | size | audit | |
|---|---|---|---|---|---|
| git:20261020.81f3adc latest | 2026-10-20 | 81f3adc | 52,363 B | B | view · diff |
| git:20261020.07141a4 | 2026-10-20 | 07141a4 | 52,570 B | B | view · diff |
| git:20261020.d21cc42 | 2026-10-20 | d21cc42 | 51,084 B | B | view · diff |
| git:20261020.eb85cf4 | 2026-10-20 | eb85cf4 | 50,280 B | B | view · diff |
| git:20261020.db025cb | 2026-10-20 | db025cb | 46,565 B | B | view |
Audit of the latest version
- fail: No script tag (matched: <script)
- pass: Frontmatter block present
- pass: Frontmatter declares a name
- pass: Frontmatter declares a description
- pass: Size between 200 bytes and 200 KB (52363 bytes)
- pass: No zero-width or bidi control characters
- pass: No instruction hidden inside an HTML comment
- pass: No link to an exfiltration or paste host
- pass: No credential-shaped string
- pass: No instruction to send local credentials anywhere
- pass: No text hidden with inline styles
- pass: No prompt-injection phrasing
- pass: No curl or wget piped into a shell
- pass: No recursive delete of root, home or parent
- pass: No instruction to read or print local credentials
- pass: No base64 blob over 200 characters
- pass: No link to a raw IP address
Starting a new one? Use a template for SKILL.md on mdpantry, which passes every one of these checks and says what to change in it.
Source
toongri/oh-my-toong-playground · 25 stars · license MIT · pushed 2026-10-21 · branch main
API
GET https://markdownregistry.com/api/v1/artifacts/art_4quwkui7rhqzs7yk GET https://markdownregistry.com/api/v1/resolve?ref=toongri/oh-my-toong-playground/html-report GET https://markdownregistry.com/api/v1/blob/2be4fc9a04e7991ad9a4ad209cf06530c99c262c7f333fd8b1be9ac22778ce1b
Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.
More from toongri/oh-my-toong-playground
Every file in toongri/oh-my-toong-playground