Habilidades artifacts-builder

📦

artifacts-builder

Name: artifacts-builder
Author: ArtemisAI

Revisión del contenido r2 Riesgo alto ⚙️ Comandos externos⚡ Contiene scripts🌐 Acceso a red📁 Acceso al sistema de archivos

Crea artefactos de React con shadcn/ui

Los artefactos complejos de Claude necesitan más estructura de la que puede proporcionar un único archivo HTML. Esta skill crea la estructura inicial de proyectos con React, Tailwind CSS y shadcn/ui, y luego los empaqueta en un artefacto compartible.

Compatible con: Claude Codex Code(CC)

⚠️ 38 Deficiente

Detente y solicita confirmación antes de instalar.

Revisa el plan y obtén el consentimiento explícito del usuario antes de modificar archivos.

Instalar con mi Agente

Copia esta solicitud en tu Agente. Incluye la página canónica del Skill y el manifiesto.

Solicitud de agente

Review the Skillstore skill "artifacts-builder" from https://skillstore.io/skills/artemisai-artifacts-builder.md and its manifest at https://skillstore.io/api/skills/artemisai-artifacts-builder/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.

Tu Agente debe seguir mostrando su plan y solicitar cualquier confirmación exigida por la política de seguridad.

Recursos legibles por agentes

Usa estos enlaces cuando un agente de IA, crawler o script necesite contexto limpio en vez de leer la página completa.

Detalle Markdown GET /skills/artemisai-artifacts-builder.md Manifest firmado GET /api/skills/artemisai-artifacts-builder/manifest Lockfile firmado GET /api/skills/artemisai-artifacts-builder/lockfile

Pruébalo

Usando "artifacts-builder". Crea un proyecto para un artefacto de calculadora de precios interactiva.

Resultado esperado:

Un nuevo proyecto de artefacto React con estilos de Tailwind, importaciones de componentes y una interfaz de calculadora lista para desarrollo.

Usando "artifacts-builder". Empaqueta mi artefacto terminado en un solo archivo.

Resultado esperado:

Un único archivo bundle.html que contiene el marcado, los estilos, los scripts y las dependencias de la app necesarios para compartirla.

Usando "artifacts-builder". Crea un artefacto pulido que use diálogos, tablas, pestañas y notificaciones.

Resultado esperado:

Un proyecto Vite con componentes shadcn/ui instalados e integrados en una experiencia React responsiva.

Auditoría de seguridad

Riesgo alto

v9 • 23/7/2026 Abrir el informe versionado

All 29 static findings are false positives involving expected shell setup, local configuration edits, Markdown formatting, or documentation URLs. Semantic review found command injection risk from unescaped project names and supply chain exposure from automatic, unpinned package installation. Publication should wait until project name handling and dependency installation are hardened.

Archivos escaneados

653

Líneas analizadas

Elementos de revisión

Falsos positivos ignorados

Preocupaciones de seguridad confirmadas (2)

Alto

scripts/init-artifact.sh:45 scripts/init-artifact.sh:66

Unescaped Project Name Enables sed Injection

The first script argument is interpolated directly into a sed program. Crafted delimiters or flags can alter the program and may trigger command execution.

PROJECT_NAME comes from the first argument and reaches a sed expression without escaping. sed replacement delimiters and executable flags make this a credible injection path.

Medio

scripts/init-artifact.sh:34-36 scripts/init-artifact.sh:58-79 scripts/init-artifact.sh:270-273 scripts/bundle-artifact.sh:19-21

Automatic Mutable Dependency Execution

The scripts globally install pnpm and execute many unpinned registry packages. A compromised or changed package could run lifecycle code on the host.

The cited commands explicitly install global, latest, and otherwise unpinned packages. Package managers can execute dependency lifecycle scripts during installation.

Factores de riesgo

Auditado por: codex Ver historial de auditorías →

Compartir y citar este informe

Comparte el informe de evaluación versionado, la insignia neutral, la tarjeta insertable y las citas. Skillstore presenta evidencias sin decidir si este Skill es seguro.

Abrir el informe versionado

Copiar enlace del informe

https://skillstore.io/skills/artemisai-artifacts-builder/audits/9?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Insignia Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/artemisai-artifacts-builder/security.svg)](https://skillstore.io/skills/artemisai-artifacts-builder?utm_source=security_passport_badge)

Insignia HTML

<a href="https://skillstore.io/skills/artemisai-artifacts-builder?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/artemisai-artifacts-builder/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Tarjeta para insertar

<iframe src="https://skillstore.io/embed/skills/artemisai-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>

Citas académicas (APA · BibTeX · CFF)

Cita APA

ArtemisAI. (2026). artifacts-builder security audit report (audit version 9) [Author version unspecified]. Skillstore. https://skillstore.io/skills/artemisai-artifacts-builder/audits/9

Cita BibTeX

@techreport{artemisai-artemisai-artifacts-builder-2026,
  author = {ArtemisAI},
  title = {artifacts-builder security audit report (audit version 9)},
  institution = {Skillstore},
  year = {2026},
  number = {9},
  url = {https://skillstore.io/skills/artemisai-artifacts-builder/audits/9},
  note = {Author version unspecified}
}

CITATION.cff

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: "ArtemisAI"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/artemisai-artifacts-builder/audits/9"
identifiers:
  - type: other
    value: "skillstore:artemisai-artifacts-builder:audit:9"
    description: "Skillstore immutable audit report identifier"

Comparar variantes

5 variantes instalables

Cada autor sigue siendo un skill instalable independiente. La variante recomendada se ordena según la evidencia de Skillstore.

Por qué esta variante es la primera

Mayor puntuación de Skillstore

Autor / fuente Puntuación de Skillstore Confianza de la evidencia Uso en Skillstore Actualizado

davila7 Recomendado

davila7-artifacts-builder

Puntuación de Skillstore 67

Confianza de la evidencia Alto

Uso en Skillstore 6

Actualizado

2026-09-09

Cam10001110101

cam10001110101-artifacts-builder

Puntuación de Skillstore 66

Confianza de la evidencia Medio

Uso en Skillstore 11

Actualizado

2026-09-09

DYAI2025

dyai2025-artifacts-builder

Puntuación de Skillstore 50

Confianza de la evidencia Medio

Uso en Skillstore 11

Actualizado

2026-09-09

ComposioHQ

composiohq-artifacts-builder

Puntuación de Skillstore 50

Confianza de la evidencia Medio

Uso en Skillstore 10

Actualizado

2026-09-09

ArtemisAI Actual

artemisai-artifacts-builder

Puntuación de Skillstore 38

Confianza de la evidencia Medio

Uso en Skillstore 11

Actualizado

2026-09-09

Puntuación de Skillstore

Por qué esta puntuación Confianza de la evidencia: Medio

Arquitectura

Mantenibilidad

Contenido

Comunidad

Cumplimiento de la especificación

Lo que puedes crear

Prototipar paneles interactivos

Crea paneles de React con estado que necesitan componentes de interfaz reutilizables y controles de diseño pulidos.

Crear demostraciones de artefactos para clientes

Prepara una demostración frontend autocontenida que se pueda compartir dentro de una conversación de Claude.

Estandarizar estructuras iniciales de artefactos enriquecidos

Inicia el trabajo en artefactos complejos desde la misma base de React, Tailwind y shadcn/ui.

Prueba estos prompts

Crear una app básica de artefacto

Usa artifacts-builder para crear un proyecto de artefacto React llamado task-board. Crea un tablero de tareas simple con columnas, tarjetas y estado local.

Agregar componentes shadcn/ui

Usa artifacts-builder para crear un artefacto de comentarios de clientes. Usa tarjetas, pestañas, diálogos, formularios y notificaciones toast de shadcn/ui.

Empaquetar un proyecto existente

En mi proyecto de artefacto generado, usa artifacts-builder para empaquetar la app React en un único archivo HTML e informa el nombre del archivo de salida.

Crear un prototipo de flujo de trabajo completo

Usa artifacts-builder para crear un prototipo de incorporación de varios pasos con navegación similar a rutas, validación de formularios, estado de progreso y diseños responsivos de shadcn/ui.

Mejores prácticas

Usa esta skill cuando el artefacto necesite varios componentes, estado o un sistema de diseño reutilizable.
Revisa las dependencias instaladas antes de ejecutar proyectos generados en entornos sensibles.
Prueba el HTML empaquetado cuando el artefacto dependa de enrutamiento, APIs del navegador o comportamiento complejo de paquetes.

Evitar

No uses esta skill para una página estática pequeña que se pueda escribir como un solo archivo.
No ejecutes el script de configuración en un directorio que contenga archivos de producción no relacionados.
No asumas que los paquetes de registro son seguros sin revisar los cambios de dependencias.