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.
Install command
npx @skill-hub/cli install sohutv-agent-skills-mcp-web-artifacts-builder
Repository
Skill path: bin/skills/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 repositoryBest 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: sohutv.
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/sohutv/agent-skills-mcp before adding web-artifacts-builder to shared team environments
- Use web-artifacts-builder for development workflows
Works across
Favorites: 0.
Sub-skills: 0.
Aggregator: No.