Skill

Web Artifacts Builder

Builds multi-component claude.ai artifacts with React, Tailwind and shadcn/ui.

Install

OfficialShips scripts

anthropics/skills reposundaki skills/web-artifacts-builder klasörünü .claude/skills altına kopyala

Triggers on

Tek dosyalık basit bir HTML'in yetmediği, bileşenlere bölünmüş bir artifact üretilirken

Needs tools

BashReadWrite

Author: Anthropic
License: Apache-2.0

Repositoryhttps://github.com/anthropics/skills

Sets up a React 18 and TypeScript project with Tailwind and a pre-installed shadcn/ui component set, then bundles the result down to a single self-contained HTML file. Two shell scripts cover the two ends of that flow: project init and bundling. It targets artifacts that need routing or real state management; a one-file HTML or JSX artifact does not need any of this.

Comments(0)

No comments yet — be the first.

Similar skills

scope-guard

Skill

Catches an edit that lands outside the project you are in.

Security & Compliance

Understand Anything

Skill

Builds a browsable graph of a codebase you did not write.

Coding Workflows

MCP Builder

Skill

Builds an MCP server from scratch: tool definitions, transport, testing

Agent EngineeringCoding Workflows