Working React artifact

Web Artifacts Builder

React 18.3.1 app built with Parcel 2.16.1 and html-inline into one HTML file. PowerShell adaptation of the upstream scaffolding/bundling workflow: original Bash scripts were reviewed, not executed; no 40-component shadcn installation claim. Recording shows filters, completion and progress; 3× playback.

A recorded isolated example, not a hosted execution service or general compatibility/security certification.

Pinned original source ↗Apache-2.0 · Anthropicdbd4588f9e1033efb41dad4bef2f7947c8993d44

Before you install

Node.js 18+ and a Bash-compatible shell.
An isolated project and permission to install frontend dependencies.
A brief with interactions, content and target runtime.

Targets Claude HTML artifacts. Requires Node 18+ and a shell; scripts install dependencies. Generated output still needs browser validation.

Codex

npx skills add https://github.com/anthropics/skills/tree/dbd4588f9e1033efb41dad4bef2f7947c8993d44/skills/web-artifacts-builder --skill web-artifacts-builder -a codex

Claude Code

npx skills add https://github.com/anthropics/skills/tree/dbd4588f9e1033efb41dad4bef2f7947c8993d44/skills/web-artifacts-builder --skill web-artifacts-builder -a claude-code