Artifacts Builder
Official skill for turning a conversation into a self-contained interactive artifact.
Use it for
Prototyping a small interactive tool — calculator, dashboard, converter — in one file
Skip it if
Anything that needs a backend, auth, or persistence beyond local state
What it is
An official skill that builds single-file web artifacts: HTML, CSS, and JavaScript that run without a build step. It handles the container conventions and keeps dependencies to CDN imports. The right use is a throwaway tool you want to click, not a production front end.
Install
Clone the repository, then copy the skill folder into your agent's skills directory — ~/.claude/skills/ for Claude Code. Skills are plain files: no build step, no daemon.
npx skills add https://github.com/anthropics/skillsHow to judge it
Read the SKILL.md before you install. A good skill states when it applies, what it must not do, and how to verify the result. A skill that only lists adjectives will change the agent's tone without improving its output — skip those.
Other Coding & Dev skills
- Web Artifacts Builder — Official skill for building a self-contained web app as a single artifact.
- Superpowers — An agentic skills framework: planning, execution, and review as reusable skills.
- Agents Skill Collection — A curated set of specialist agents and their skills, organised by domain.