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

Debugging Compose Recompositions

Skill

Makes recomposition visible through inspector counts and per-argument change reasons.

Tests & DebuggingCoding Workflows

Apollo GraphQL Skills

Skill

Fourteen skills for Apollo's GraphQL stack: schema design, federation, Router and client SDKs.

Coding Workflows

Vercel Skills

Skill

Thirty-three skills across Next.js, the Vercel CLI, caching and the AI SDK.

Frontend & DesignDevOps & Infrastructure