dogumdogumCommunity·1 Agent Skills Included

html-artifacts

Rich HTML reports, comparisons, diagrams, decks, and editors

Generates self-contained HTML documents instead of plain markdown when content needs layout, color, diagrams, or interactivity. Covers comparisons, code reviews, status reports, flowcharts, slide decks, and one-off editors with export buttons. Eliminates flat, hard-to-read markdown walls by producing shareable single files that work offline and on mobile.
npx skills add dogum/html-artifacts --all -g -y

All Skills in This Repository (1)

Pure Emerald Level Indicators

Frequently Asked Questions

FAQPage Schema
How to install html-artifacts?

Run `npx skills add dogum/html-artifacts --all -g -y` in your terminal to install the skill globally.

When should I use HTML instead of markdown?

Use HTML when content benefits from side-by-side layout, real diagrams, color coding, or interactivity, such as comparisons, reports, and decks. Short chat replies and code-only answers stay in markdown.

What kinds of documents can html-artifacts create?

It produces comparisons, implementation plans, annotated code reviews, flowcharts, status reports, slide decks, and throwaway editors that export results back as markdown or JSON.

Does html-artifacts work with Claude Code and Claude.ai?

Yes. In Claude Code it saves a single .html file to your working directory, and in Claude.ai it outputs a standard HTML artifact you can open and share.

Do the generated HTML files need internet or a build step?

No. Every file is self-contained with inline CSS and JavaScript, works offline, and is mobile responsive with no build tools required.

Related Repositories in Content & Communication

View All in Content & Communication