AgentsMédio

Artifacts Builder

porcomposiohq·composiohq· 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.

claude-aiartifact-generationfrontend-developmentreacttailwind-cssshadcn-uihtml-bundling

0Stars

0Forks

0Usos

Fork

Documento do Skill

SKILL.mdartifacts-builder/workflow

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

2. Develop your artifact by editing the generated code.

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

4. Display artifact to user.

5. (Optional) Test 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

Depende deReact Component Writing Guide

100%

Similar aRemembering Conversations

60%

Similar aInstaclaw 🦞

60%

Similar aNotebookLM Automation

60%

Árvore do Skill

Artifacts Builder

artifacts-builder

Fases Cognitivas4

1.SENSE

2.CONTEXTUALIZE

3.ACT

4.REFLECT

Triggers8

create a claude artifactbuild a frontend artifact for claudegenerate an interactive html artifactmake a react app for claudebundle a react app into a single html fileuse shadcn/ui to create an artifactinitialize a react project for claudedevelop a claude artifact with tailwind css

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 artifacts-builder

$ synaptic skills detail artifacts-builder

$ synaptic skills live artifacts-builder

Dependências

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

Links

GitHub Repository