Create and open a self-contained interactive HTML artifact when a person would understand or steer the work better through an interface than through long Markdown. Use for interactive plans and specifications, decision workbenches, editable comparison tables, dashboards, status reports, living design systems, visual explainers, and disposable micro-apps.
Install
npx skills add hacksurvivor/scratchpad --skill html-artifactnpx skills add hacksurvivor/scratchpad --skill html-artifact -a claude-code -gnpx skills add hacksurvivor/scratchpad --skill html-artifact -a codex -ggemini skills install https://github.com/hacksurvivor/scratchpad.git --path skills/html-artifactgh skill install hacksurvivor/scratchpad html-artifactgit clone --depth 1 https://github.com/hacksurvivor/scratchpad /tmp/hacksurvivor__scratchpad
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/hacksurvivor__scratchpad/skills/html-artifact ~/.claude/skills/html-artifact # Claude Code
cp -R /tmp/hacksurvivor__scratchpad/skills/html-artifact ~/.agents/skills/html-artifact # Codex, Cursor, Gemini CLI, Copilot, OpenCode