# HTML

> Render a document, a diagram, or a report as HTML for human visualisation.

- Skill: `franky47/html` (Agent Skill)
- Install (CLI): `npx skillmds@latest add franky47/html`
- Raw SKILL.md: https://api.skillmd.com/api/skills/franky47/html/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: franky47 (https://skillmd.com/u/franky47)
- Updated: 2026-09-22
- Page: https://skillmd.com/skills/franky47/html

---


Generate a self-contained HTML document summarising what the user asked for in this session.

## Contents

Read the `prose` skill for guidelines on content (syntax, grammar, tone, verbosity): @../prose/SKILL.md

Include:

- Diagrams (sequence, ERD, flowcharts, pick which is relevant)
- Code samples (syntax highlighted)
- Links to the code (opening in VScode) in context

If you can represent a concept visually, prefer a diagram to a wall of text.
User attention is scarce, optimise for visual understanding.

## Style

Dark mode, mobile-friendly responsive design. Use this design system:

```!
curl https://vercel.com/design.dark.md
```

## Output

Save the generated file in my Obsidian vault: `~/dev/obsidian/Projects/<projectName>/<fileName>.html`,
check for vault layout first.