Habilidades web-artifacts-builder

📦

web-artifacts-builder

Name: web-artifacts-builder
Author: ZhanlinCui

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

Crear artefactos HTML con React

Los artefactos complejos de Claude a menudo necesitan estado, enrutamiento, componentes y una configuración de compilación repetible. Esta habilidad genera la estructura de un proyecto React y lo empaqueta en un único artefacto HTML 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 "web-artifacts-builder" from https://skillstore.io/skills/zhanlincui-web-artifacts-builder.md and its manifest at https://skillstore.io/api/skills/zhanlincui-web-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/zhanlincui-web-artifacts-builder.md Manifest firmado GET /api/skills/zhanlincui-web-artifacts-builder/manifest Lockfile firmado GET /api/skills/zhanlincui-web-artifacts-builder/lockfile

Pruébalo

Usando "web-artifacts-builder". Crea un rastreador de proyectos interactivo para Claude.

Resultado esperado:

Se genera la estructura de un proyecto React, se le aplica estilo con Tailwind CSS y se empaqueta como un único artefacto HTML.

Usando "web-artifacts-builder". Convierte un prototipo con muchos componentes en un artefacto compartible.

Resultado esperado:

Una aplicación Vite se configura con alias de rutas.
Los componentes shadcn/ui están disponibles para la interfaz.
La compilación final se empaqueta como un único archivo HTML.

Usando "web-artifacts-builder". Configura un panel de ajustes pulido con pestañas y diálogos.

Resultado esperado:

El resultado usa componentes de UI preinstalados y un proyecto React estructurado listo para empaquetarse.

Auditoría de seguridad

Riesgo alto

v5 • 8/7/2026 Abrir el informe versionado

Most static hits are false positives from Markdown code fences, safe command substitutions, local config edits, and documentation URLs. The meaningful risks are community shell scripts that install npm packages, modify project files, and delete local build outputs during bundling. No evidence found of prompt injection or data exfiltration intent.

Archivos escaneados

451

Líneas analizadas

Elementos de revisión

Falsos positivos ignorados

Preocupaciones de seguridad confirmadas (2)

Alto

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

Package Manager Installs Third-Party Code

The setup and bundle scripts install or add third-party packages, including a global pnpm install when pnpm is missing. This can run npm lifecycle scripts and pulls current package versions at execution time.

The cited lines directly invoke npm and pnpm package installation commands. This is legitimate setup behavior, but it executes third-party package code from the network.

Medio

scripts/bundle-artifact.sh:34-36

Destructive Build Cleanup

The bundle script removes dist and bundle.html in the current project before building. The package and index checks reduce exposure, but the command can delete local build artifacts.

The rm -rf command is explicit and destructive, but it targets common generated outputs after project-root checks. This makes the issue real but bounded.

Elementos de revisión de capacidades (2)

Estas son capacidades locales reales que pueden esperarse para esta habilidad, por lo que requieren revisión, pero no se cuentan como comportamiento malicioso confirmado.

Medio

scripts/bundle-artifact.sh:1

Unix shell invocation

#!/bin/bash

This is an executable bash script used by the skill. It installs bundling packages, removes build outputs, and runs local build commands, so it requires review before execution.

Medio

scripts/init-artifact.sh:1

Unix shell invocation

#!/bin/bash

This is an executable setup script that installs packages and rewrites project files. The script is expected, but it is a real execution risk for a community skill.

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/zhanlincui-web-artifacts-builder/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Insignia Markdown

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

Insignia HTML

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

Tarjeta para insertar

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

ZhanlinCui. (2026). web-artifacts-builder security audit report (audit version 5) [Author version unspecified]. Skillstore. https://skillstore.io/skills/zhanlincui-web-artifacts-builder/audits/5

Cita BibTeX

@techreport{zhanlincui-zhanlincui-web-artifacts-builder-2026,
  author = {ZhanlinCui},
  title = {web-artifacts-builder security audit report (audit version 5)},
  institution = {Skillstore},
  year = {2026},
  number = {5},
  url = {https://skillstore.io/skills/zhanlincui-web-artifacts-builder/audits/5},
  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: "web-artifacts-builder security audit report (audit version 5)"
version: "unspecified"
type: report
authors:
  - name: "ZhanlinCui"
date-released: "2026-07-08"
url: "https://skillstore.io/skills/zhanlincui-web-artifacts-builder/audits/5"
identifiers:
  - type: other
    value: "skillstore:zhanlincui-web-artifacts-builder:audit:5"
    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 uso en Skillstore

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

davila7 Recomendado

davila7-web-artifacts-builder

Puntuación de Skillstore 67

Confianza de la evidencia Alto

Uso en Skillstore 9

Actualizado

2026-09-09

Azeem-2

azeem-2-web-artifacts-builder

Puntuación de Skillstore 67

Confianza de la evidencia Alto

Uso en Skillstore 8

Actualizado

2026-09-09

sickn33

sickn33-web-artifacts-builder

Puntuación de Skillstore 66

Confianza de la evidencia Medio

Uso en Skillstore 8

Actualizado

2026-09-09

anthropics

web-artifacts-builder

Puntuación de Skillstore 50

Confianza de la evidencia Alto

Uso en Skillstore 45

Actualizado

2026-09-09

ZhanlinCui Actual

zhanlincui-web-artifacts-builder

Puntuación de Skillstore 38

Confianza de la evidencia Medio

Uso en Skillstore 77

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 un dashboard

Los equipos de producto pueden crear dashboards interactivos con estado de React y controles shadcn/ui.

Crear una aplicación de demostración reutilizable

Los desarrolladores pueden generar la estructura de un frontend tipado y compartir el resultado final como un único artefacto HTML.

Preparar un artefacto Claude pulido

Los asistentes de IA pueden crear artefactos Claude complejos que necesiten bibliotecas de componentes y empaquetado.

Prueba estos prompts

Crear un artefacto básico

Usa web-artifacts-builder para crear un artefacto React llamado task-board. Crea un tablero de tareas simple y empaquétalo como un único archivo HTML.

Añadir controles shadcn

Crea un artefacto de panel de configuración con pestañas, interruptores, diálogos y campos de formulario. Usa los componentes shadcn/ui incluidos.

Perfeccionar un flujo con estado

Crea una herramienta de planificación de varios pasos con estado local guardado, validación y diseños responsivos. Empaqueta el artefacto React terminado.

Empaquetar un prototipo complejo

Crea un dashboard de operaciones con gran cantidad de datos, filtros, tablas, gráficos y detalles modales. Verifica la interfaz y luego genera el artefacto HTML empaquetado.

Mejores prácticas

Revisa las instalaciones de paquetes antes de ejecutar el script de configuración en un espacio de trabajo de confianza.
Usa esta habilidad para artefactos con varios componentes que se beneficien del estado de React.
Empaqueta solo después de revisar la aplicación en un navegador o una herramienta de vista previa.

Evitar

Usar el script de configuración para un artefacto HTML estático de una sola pantalla.
Ejecutar los scripts en un directorio que contiene archivos de proyecto no relacionados.
Asumir que las dependencias generadas son seguras sin revisar los paquetes.