HTML Artifact Skill

Philosophy

Markdown is a restricting format for AI-generated documents. HTML is not a web-development task — it is a richer communication medium. HTML lets you express:

• Tabular data with sortable, annotated tables
• Visual hierarchy with color, typography, and spacing
• Diagrams and illustrations with inline SVG
• Interactions with sliders, tabs, toggles, and copy buttons
• Spatial layouts for side-by-side comparisons, timelines, flow diagrams
• Code with syntax highlighting, diffs, and inline annotations

A 300-line HTML artifact is readable. A 300-line Markdown file is not.

Non-Negotiable Rules