html-artifacts
Rich HTML reports, comparisons, diagrams, decks, and editors
All Skills in This Repository (1)
Pure Emerald Level IndicatorsFrequently Asked Questions
FAQPage SchemaHow 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→skills
Official Anthropic skills for documents, design, and developer workflows
humanizer
Rewrite AI-sounding text so it reads like a person wrote it
UniGetUI
Automate software translation reviews, diffs, and localization quality checks