Skills web-artifacts-builder

📦

web-artifacts-builder

Name: web-artifacts-builder
Author: Azeem-2

Content revision r3 Medium Risk ⚙️ External commands⚡ Contains scripts🌐 Network access📁 Filesystem access

Build Interactive React HTML Artifacts

Complex interactive artifacts often need more structure than a single HTML file. This skill scaffolds React projects and bundles them into shareable HTML.

Supports: Claude Codex Code(CC)

📊 67 Adequate

Install with my Agent

Copy this request to your Agent. It includes the canonical Skill page and manifest.

Agent request

Review the Skillstore skill "web-artifacts-builder" from https://skillstore.io/skills/azeem-2-web-artifacts-builder.md and its manifest at https://skillstore.io/api/skills/azeem-2-web-artifacts-builder/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

Your Agent should still show its plan and request any confirmation required by the security policy.

Agent-readable resources

Use these links when an AI agent, crawler, or script needs clean context instead of reading the full page.

Markdown detail GET /skills/azeem-2-web-artifacts-builder.md Signed manifest GET /api/skills/azeem-2-web-artifacts-builder/manifest Signed lockfile GET /api/skills/azeem-2-web-artifacts-builder/lockfile

Test it

Using "web-artifacts-builder". Create a project status dashboard with team filters and milestone details.

Expected outcome:

A responsive dashboard with project summaries, team filtering, and milestone dialogs.
A React and TypeScript source project configured with Tailwind CSS and shadcn/ui.
A self-contained bundle.html file for sharing.

Using "web-artifacts-builder". Build an onboarding flow with validation and a final review step.

Expected outcome:

A multi-step onboarding interface with progress indicators and validated fields.
Accessible controls, clear error states, and a review screen.
A single bundled HTML artifact.

Using "web-artifacts-builder". Create an inventory explorer with search, filters, and item details.

Expected outcome:

A searchable inventory table with category and availability filters.
Responsive item detail panels and useful empty states.
A portable HTML bundle containing the interface assets.

Security Audit

Medium Risk

v12 • 7/23/2026 Open versioned report

All 29 static alerts are benign uses of shell syntax, local configuration files, Markdown formatting, or documentation links. The scripts still introduce a medium supply-chain risk by installing unpinned packages and changing global package-manager state.

Files scanned

653

Lines analyzed

Review items

False positives ignored

Confirmed security concerns (1)

Medium

scripts/init-artifact.sh:34-36 scripts/init-artifact.sh:58-80 scripts/bundle-artifact.sh:19-21

Automatic Unpinned Package Installation

The scripts install global and project packages without complete version pins, exposing users to registry compromise, dependency drift, and unexpected global changes.

The scripts explicitly install pnpm globally and fetch multiple unpinned packages. These actions are legitimate but create a clear supply-chain and environment-modification risk.

Risk Factors

Audited by: codex View Audit History →

Share & cite this report

Share the versioned assessment report, neutral badge, embed card, and citations. Skillstore reports evidence without deciding whether this Skill is safe.

Open versioned report

Copy report link

https://skillstore.io/skills/azeem-2-web-artifacts-builder/audits/12?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown badge

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

HTML badge

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

Embed card

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

Academic citations (APA · BibTeX · CFF)

APA citation

Azeem-2. (2026). web-artifacts-builder security audit report (audit version 12) [Author version unspecified]. Skillstore. https://skillstore.io/skills/azeem-2-web-artifacts-builder/audits/12

BibTeX citation

@techreport{azeem-2-azeem-2-web-artifacts-builder-2026,
  author = {Azeem-2},
  title = {web-artifacts-builder security audit report (audit version 12)},
  institution = {Skillstore},
  year = {2026},
  number = {12},
  url = {https://skillstore.io/skills/azeem-2-web-artifacts-builder/audits/12},
  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 12)"
version: "unspecified"
type: report
authors:
  - name: "Azeem-2"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/azeem-2-web-artifacts-builder/audits/12"
identifiers:
  - type: other
    value: "skillstore:azeem-2-web-artifacts-builder:audit:12"
    description: "Skillstore immutable audit report identifier"

Compare variants

5 installable variants

Each author remains a separate installable skill. The recommended variant is ranked by Skillstore evidence.

Why this variant is first

Higher Skillstore usage

Author / source Skillstore Score Evidence Confidence Skillstore usage Updated

davila7 Recommended

davila7-web-artifacts-builder

Skillstore Score 67

Evidence Confidence High

Skillstore usage 9

Updated

2026-08-21

Azeem-2 Current

azeem-2-web-artifacts-builder

Skillstore Score 67

Evidence Confidence High

Skillstore usage 8

Updated

2026-08-21

sickn33

sickn33-web-artifacts-builder

Skillstore Score 66

Evidence Confidence Medium

Skillstore usage 8

Updated

2026-08-21

anthropics

web-artifacts-builder

Skillstore Score 50

Evidence Confidence High

Skillstore usage 45

Updated

2026-08-21

ZhanlinCui

zhanlincui-web-artifacts-builder

Skillstore Score 38

Evidence Confidence Medium

Skillstore usage 77

Updated

2026-08-21

Skillstore Score

Why this score Evidence Confidence: High

Architecture

Maintainability

Content

Community

Spec Compliance

What You Can Build

Prototype an Interactive Dashboard

Create a stateful dashboard with filters, dialogs, tables, and responsive layouts, then share it as one HTML file.

Present a Product Workflow

Build a polished clickable workflow with realistic states and reusable interface components for stakeholder review.

Deliver a Complex AI Artifact

Turn a detailed interface request into a structured React project and a portable conversation artifact.

Try These Prompts

Create a Basic Interactive Artifact

Create a task tracker with add, complete, and filter actions. Use React and TypeScript, then bundle it into one HTML file.

Build a Responsive Dashboard

Build a responsive analytics dashboard for [domain]. Include filters, accessible charts, empty states, and a bundled HTML deliverable.

Model a Multi-Step Workflow

Create a multi-step [workflow] with validation, progress tracking, review states, and shadcn/ui components. Preserve state between views.

Engineer a Production-Style Prototype

Build [application] with routing, reusable components, loading and error states, keyboard accessibility, realistic data, and cross-viewport testing. Deliver one bundled HTML file.

Best Practices

Use the skill for interfaces that need state, reusable components, or multiple views.
Review generated dependencies and run the scripts in an isolated project directory.
Test keyboard access, responsive layouts, empty states, and the final HTML bundle.

Avoid

Do not use the full scaffold for a small static page.
Do not run initialization inside a directory containing valuable project files.
Do not publish the bundle before checking behavior, accessibility, and external asset loading.