Artifact

A self-contained HTML file that communicates a topic visually. This skill orchestrates briefing, narrative articulation, and HTML generation (via frontend-design), then handles preview and optional sharing.

Workflow

1. Collect briefing. If the user's prompt already contains enough context, proceed. Otherwise ask (2-3 targeted questions max):

   • What to communicate and to whom
   • What the reader should walk away with
   • Any visual preferences (diagrams, code, comparisons, data)

   If the brief is a comparison between two git branches — a release-readiness diff or a "what ships if I promote X to Y" question — read references/recipes/git-promotion-diff.md first. It supplies the data-gathering commands and the narrative template for that recurring kind.