Back to skills
SkillHub ClubAnalyze Data & AIFull StackFrontendData / AI

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.

Packaged view

This page reorganizes the original catalog entry around fit, installability, and workflow context first. The original raw source lives below.

Stars
4
Hot score
81
Updated
March 20, 2026
Overall rating
C3.2
Composite score
3.2
Best-practice grade
C60.0

Install command

npx @skill-hub/cli install whodaniel-fuse-web-artifacts-builder

Repository

whodaniel/fuse

Skill path: .agent/skills/anthropic/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.

Open repository

Best for

Primary workflow: Analyze Data & AI.

Technical facets: Full Stack, Frontend, Data / AI.

Target audience: Development teams looking for install-ready agent workflows..

License: Unknown.

Original source

Catalog source: SkillHub Club.

Repository owner: whodaniel.

This is still a mirrored public skill entry. Review the repository before installing into production workflows.

What it helps with

  • Install web-artifacts-builder into Claude Code, Codex CLI, Gemini CLI, or OpenCode workflows
  • Review https://github.com/whodaniel/fuse before adding web-artifacts-builder to shared team environments
  • Use web-artifacts-builder for development workflows

Works across

Claude CodeCodex CLIGemini CLIOpenCode

Favorites: 0.

Sub-skills: 0.

Aggregator: No.

web-artifacts-builder | SkillHub