DevelopmentMédio

Web Artifacts Builder

poranthropics·anthropics· v1.0.0 · atualizado em 2026-04-10

Score

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

reactfrontend-developmenthtml-artifacttailwind-cssshadcn-uiviteparcel-bundler

0Stars

0Forks

0Usos

Fork

Documento do Skill

SKILL.mdweb-artifacts-builder/workflow

1. Initialize the project using `scripts/init-artifact.sh`.

2. Develop the artifact by editing the generated code.

3. Bundle all code into a single HTML file using `scripts/bundle-artifact.sh`.

4. Share the bundled HTML file with the user.

5. (Optional) Test and visualize the artifact.

Telemetria de Agentes

Execuções

total

Taxa de Sucesso

últimos 30d

Latência Média

0.0s

p50

Alucinação

0.0%

detecção

Tokens Entrada

avg 0/exec

Tokens Saída

avg 0/exec

Uso por Plataforma

Skills Relacionados

Similar aVercel React Best Practices

60%

Similar aWeb Interface Guidelines

60%

Similar afrontend-design

60%

Árvore do Skill

Web Artifacts Builder

web-artifacts-builder

Fases Cognitivas4

1.SENSE

2.CONTEXTUALIZE

3.ACT

4.REFLECT

Triggers7

create a react artifact for claudebuild a frontend artifactgenerate a single-file html artifactmake a claude ai artifact with reactbundle a react app into an html fileuse shadcn/ui in an artifactdevelop a web artifact

Avaliar este Skill

Score Breakdown

⭐Avaliação Humana0%

🤖Sucesso de Agentes0%

🕐Atualidade100%

🔗Saúde de Dependências100%

🕸️Centralidade no Grafo0%

🛡️Segurança50%

CompositeScore = α·Humano + β·Agente + γ·Recência + δ·Deps + ε·Centralidade + ζ·Segurança

Instalação

$ synaptic mcp download web-artifacts-builder

$ synaptic skills detail web-artifacts-builder

$ synaptic skills live web-artifacts-builder

Dependências

react typescript vite parcel tailwind-css shadcn/ui @parcel/config-default parcel-resolver-tspaths html-inline

Links

GitHub Repository