web-artifacts-builder
“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.”
scripts
aipkg.jsonLICENSE.txtREADME.mdscripts/bundle-artifact.shscripts/init-artifact.shscripts/shadcn-components.tar.gzscripts/shadcn-components.tar.gz is a binary file (19 kB). Install the package to read it locally.
SKILL.md- 01SQP-275%MEDIUM
scripts/bundle-artifact.sh:36
detailhide
The script destructively deletes the 'dist' and 'bundle.html' directories/files without any user confirmation or warning. In an automated or CI/CD context, or if a user runs this script unexpectedly, legitimate work could be lost. The lack of confirmation before destructive operations is a dangerous practice.
34# Clean previous build35echo "🧹 Cleaning previous build..."36rm -rf dist bundle.html3738# Build with Parcelfix Add user confirmation before deletion with a prompt like: `read -p 'This will delete dist/ and bundle.html. Continue? (y/n) ' -n 1 -r && echo && [[ $REPLY =~ ^[Yy]$ ]] || exit 1` before the `rm -rf` commands. Alternatively, back up files to a timestamped directory before deletion, or use a dry-run mode that shows what would be deleted.
- 02SQP-285%MEDIUM
scripts/init-artifact.sh:34
detailhide
The script automatically installs pnpm globally without user consent or confirmation. This is dangerous because it modifies the system-wide environment without explicit authorization, potentially conflicts with existing pnpm installations, and could be exploited if the script is injected or modified. Users executing this script may not expect or want a global package manager installed.
3233# Check if pnpm is installed34if ! command -v pnpm &> /dev/null; then35 echo "📦 pnpm not found. Installing pnpm..."36 npm install -g pnpmfix Add explicit user confirmation before installing pnpm globally. Use interactive prompts like 'read -p "Install pnpm globally? (y/n) "' before executing npm install -g pnpm. Alternatively, provide documentation for manual installation or use a local pnpm installation approach.
- 03SQP-275%MEDIUM
scripts/init-artifact.sh:65
detailhide
The script overwrites multiple configuration files (index.html, postcss.config.js, tailwind.config.js, src/index.css, tsconfig.json, vite.config.ts, components.json) without user disclosure or confirmation of what will be modified. If a project already exists with these files, this silent overwriting could destroy user data and existing configurations. Users are not informed about destructive operations being performed.
6364echo "🧹 Cleaning up Vite template..."65$SED_INPLACE '/<link rel="icon".*vite\.svg/d' index.html66$SED_INPLACE 's/<title>.*<\/title>/<title>'"$PROJECT_NAME"'<\/title>/' index.html67fix Add explicit checks and user prompts before overwriting existing files. Use conditional writes with confirmation: 'if [ -f file.txt ]; then read -p "Overwrite existing file? (y/n) "'. Alternatively, create backups of existing files before modification and clearly log all file operations to the user. Document which files will be created or modified upfront.