Web Artifacts Builder
Build self-contained interactive web artifacts (single-file HTML+CSS+JS apps) like calculators, visualisers, mini-tools and demos. Use when the user wants a runnable web artifact rather than a full project.
This skill ships only metadata — no inline instructions. See the source repo for details.
SKILL.md source
--- name: web-artifacts-builder description: Build self-contained interactive web artifacts (single-file HTML+CSS+JS apps) like calculators, visualisers, mini-tools and demos. Use when the user wants a runnable web artifact rather than a full pr ---
Want the full curated bundle?
Get every Claude Skill we've vetted — packaged, ready to drop into your project, plus install scripts and updates.
Related skills 6
Frontend Design
Create distinctive, production-grade frontend interfaces with high design quality. Use when building web components, pages, artifacts, posters, or applications. Generates creative, polished UI code that avoids generic AI aesthetics.
Claude API
Use the Claude API effectively: messages endpoint, streaming, tool use, vision, prompt caching, batches, files. Use when the user is building against the Anthropic API or troubleshooting requests.
Debug
Systematically debug failing code: form hypotheses, isolate variables, add targeted logging, run minimal reproductions. Use when the user is stuck on a bug.
D3.js Charts
Build interactive data visualisations with D3.js: bar charts, line charts, scatter plots, geographic maps, force-directed graphs. Use when the user wants custom, code-driven charts beyond Chart.js.
Cloudflare Workers
Build and deploy Cloudflare Workers / Pages: Hono routing, D1 SQLite, KV, R2, Durable Objects, secrets, wrangler. Use when the user is on the Cloudflare edge.
Code Review
Perform a thoughtful code review: correctness, readability, performance, security, tests. Use when the user pastes a diff or PR and wants critical feedback.