BoilerplateHub
Home › Claude Skills › Development & Code Tools › artifacts-builder

Development & Code Tools Claude Skill

artifacts-builder

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui).

View skill source

How to use the artifacts-builder skill

Claude Skills are reusable instruction-and-tool bundles that extend Claude with specialized abilities. The artifacts-builder skill adds development & code tools capabilities and works across Claude.ai, Claude Code, and the Claude API.

  1. Open the skill source and follow its README.
  2. Add it to Claude Code by placing it in your skills directory, or upload it in Claude.ai.
  3. Invoke it in a conversation and Claude will use the skill's instructions and tools automatically.

Building with Claude? Ship the whole product faster

Skills extend what Claude can do. A SaaS boilerplate gives Claude Code a production-ready foundation, auth, payments, and database, so the code you build with AI actually ships.

Browse SaaS boilerplates Best boilerplate for Claude Code

More Development & Code Tools Claude Skills

aws-skills AWS development with CDK best practices, cost optimization MCP servers, and serverless/event-driven architecture patterns. building-blog Adds an SEO-first, i18n-ready blog to a Next.js + Sanity site via a 40-question intake, a one-page plan, and a 20-section spec. Includes a generator for AI hero images via Gemini 3 Pro Image (Nano Banana Pro). Changelog Generator Automatically creates user-facing changelogs from git commits by analyzing history and transforming technical commits into customer-friendly release notes. Chrome Relay Drives the user's already-open Chrome session — cookies, SSO, extensions, localhost — through a local CLI bridge. Real-Chrome counterpart to Playwright Browser Automation; install via `npx skills add chrome-relay` + a [Chrome Web Store extension](https://chromewebstore.google.com/detail/chrome-relay/cpdiapbifblhlcpnmlmfpgfjlacebokb). No remote relay, no Playwright fixtures, no MCP server needed. Claude Code Terminal Title Gives each Claud-Code terminal window a dynamic title that describes the work being done so you don't lose track of what window is doing what. Connect Connect Claude to any app. Send emails, create issues, post messages, update databases - take real actions across Gmail, Slack, GitHub, Notion, and 1000+ services.
View all Development & Code Tools skills