Crie Artefatos Claude Avançados
Artefatos Claude complexos precisam de mais estrutura do que um único arquivo HTML. Esta skill cria a estrutura inicial de um projeto React, Tailwind e shadcn/ui e o empacota para compartilhamento.
Copie esta solicitação para o seu Agente. Ela inclui a página canônica do Skill e o manifesto.
Review the Skillstore skill "artifacts-builder" from https://skillstore.io/skills/davila7-artifacts-builder.md and its manifest at https://skillstore.io/api/skills/davila7-artifacts-builder/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Seu Agente ainda deve apresentar o plano e solicitar qualquer confirmação exigida pela política de segurança.
Use estes links quando um agente de IA, crawler ou script precisar de contexto limpo em vez de ler a página completa.
Usando "artifacts-builder". Crie um novo projeto de artefato para uma calculadora de preços.
Resultado esperado:
Um novo projeto React e TypeScript é criado com Tailwind CSS, componentes shadcn/ui e aliases de caminho prontos para desenvolvimento.
Usando "artifacts-builder". Empacote meu artefato concluído para compartilhamento.
Resultado esperado:
Um único arquivo bundle.html é produzido com JavaScript, CSS e assets incorporados para uso como artefato Claude.
Usando "artifacts-builder". Adicione blocos de construção shadcn/ui ao meu fluxo de trabalho de artefatos.
Resultado esperado:
O projeto gerado inclui componentes comuns de UI, hooks de suporte e helpers utilitários para criar interfaces refinadas.
Most static findings are false positives caused by Bash syntax, Markdown formatting, fixed project configuration writes, and documentation links. The scripts still execute unpinned packages, may install pnpm globally, and extract bundled source that was outside the text scan. Publication should require clearer consent and stronger dependency and archive controls.
Compartilhe o relatório de avaliação versionado, o badge neutro, o cartão incorporável e as citações. A Skillstore apresenta evidências sem decidir se este Skill é seguro.
https://skillstore.io/skills/davila7-artifacts-builder/audits/9?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/davila7-artifacts-builder?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/davila7-artifacts-builder?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/davila7-artifacts-builder/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/davila7-artifacts-builder.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>davila7. (2026). artifacts-builder security audit report (audit version 9) [Author version unspecified]. Skillstore. https://skillstore.io/skills/davila7-artifacts-builder/audits/9@techreport{davila7-davila7-artifacts-builder-2026,
author = {davila7},
title = {artifacts-builder security audit report (audit version 9)},
institution = {Skillstore},
year = {2026},
number = {9},
url = {https://skillstore.io/skills/davila7-artifacts-builder/audits/9},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "artifacts-builder security audit report (audit version 9)"
version: "unspecified"
type: report
authors:
- name: "davila7"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/davila7-artifacts-builder/audits/9"
identifiers:
- type: other
value: "skillstore:davila7-artifacts-builder:audit:9"
description: "Skillstore immutable audit report identifier"
Cada autor permanece como um skill instalável separado. A variante recomendada é classificada pelas evidências do Skillstore.
Por que esta variante está em primeiro
davila7-artifacts-builder
2026-09-09
cam10001110101-artifacts-builder
2026-09-09
dyai2025-artifacts-builder
2026-09-09
composiohq-artifacts-builder
2026-09-09
artemisai-artifacts-builder
2026-09-09
Crie um projeto React para dashboards, calculadoras, editores ou demos que precisem de estado de componentes e múltiplos arquivos.
Empacote uma aplicação Vite em um único arquivo HTML que possa ser compartilhado em uma conversa do Claude.
Use componentes shadcn/ui pré-instalados e estilização Tailwind ao criar interfaces de artefatos mais ricas.
Use artifacts-builder to create a new React artifact project named my-dashboard. Keep the default stack and show me the next command to run.
Use artifacts-builder to create a multi-section customer insights artifact with shadcn/ui cards, tabs, and charts. Keep the interface responsive.
Use artifacts-builder to bundle the current React artifact project into one HTML file. Check that index.html exists before bundling.
Use artifacts-builder to scaffold a React artifact, implement a multi-step planning tool, bundle it, and identify any manual tests I should run.
Autor
davila7Licença
Complete terms in LICENSE.txt
Revisão da Skillstore
r2
Aviso de versão
O autor não declarou uma versão.
Referência
c43861a65bb95efcae259cd161c9d6f4dc7eec6f
Atualidade da manutenção
29/07/2026
Uso
4 downloads · 280 visualizações
Estrutura de arquivos
Criar Pôsteres de Pesquisa em LaTeX
Pôsteres de pesquisa são difíceis de formatar e revisar para impressão em LaTeX. Esta skill fornece modelos, orientações de layout e verificações de PDF para pôsteres prontos para conferências.
Crie Conteúdo de Marketing Pronto para SEO
Equipes de marketing precisam de conteúdo claro que corresponda à voz da marca e aos objetivos de busca. Esta skill fornece modelos, scripts de análise e orientações de plataforma para uma produção de conteúdo repetível.
Crie Planos Estruturados de Tratamento Médico
Os planos de tratamento clínico muitas vezes se tornam inconsistentes, extensos ou difíceis de revisar. Esta skill fornece modelos objetivos, metas mensuráveis, cronogramas e verificações locais de qualidade.
Criar relatórios clínicos estruturados
Equipes clínicas precisam de relatórios claros que sigam normas médicas e regulatórias. Esta skill fornece modelos, checklists e orientações de validação para relatos de caso, diagnósticos, ensaios e notas de pacientes.
Analisar Arquivos de Dados Científicos
Arquivos de dados científicos são difíceis de inspecionar porque cada formato armazena estruturas e metadados de maneira diferente. Esta habilidade detecta formatos, traça o perfil da qualidade dos dados e cria relatórios práticos de EDA em markdown.
Execute fluxos de trabalho de docking molecular com o DiffDock
A configuração do docking molecular costuma falhar porque é difícil alinhar as entradas, os parâmetros e os escores de confiança. Esta skill orienta os fluxos de trabalho do DiffDock desde a preparação até a análise dos resultados.
Implementar React View Transitions
por vercel-labs
React view transitions são fáceis de posicionar incorretamente, resultando em animações que falham silenciosamente ou geram ruído visual. Esta skill orienta as escolhas de animação para rotas, Suspense, listas e elementos compartilhados.
Otimize o Desempenho de React e Next.js
por vercel-labs
Aplicativos React e Next.js frequentemente perdem velocidade por causa de waterfalls, bundles grandes e re-renderizações evitáveis. Esta skill oferece aos agentes regras concretas para mudanças mais seguras com foco em desempenho.
Crie interfaces shadcn/ui em Next.js
por Asmayaseen
Equipes React precisam de padrões de UI consistentes que funcionem com o Next.js moderno. Esta skill fornece orientação de configuração para shadcn/ui, exemplos de componentes, validação de formulários, tabelas, sidebars e padrões de modo escuro.
Crie Aplicações Fullstack com Orientação Sênior
por alirezarezvani
Projetos fullstack frequentemente precisam de configuração consistente, escolhas de arquitetura e verificações de qualidade. Esta skill fornece scripts e referências para trabalhos com React, Next.js, Node.js, GraphQL e PostgreSQL.
Crie Componentes React com Segurança de Tipos
por softaworks
O trabalho com React TypeScript frequentemente precisa de tipos precisos para eventos, hooks e rotas. Esta skill fornece padrões focados para componentes tipados, APIs do React 19 e roteamento.
Crie modelos de email em React com Resend
por resend
Criar modelos de email prontos para produção é difícil porque os clientes de email são diferentes. Esta skill orienta Claude, Codex e Claude Code no uso de componentes React Email, envio, estilização, localização e fluxos de trabalho do editor.