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 onurkanbakirci-awesome-skills-a983da78-c443-4a6b-94b6-1bc5b72dd2f7
Repository
Skill path: public/skills/a983da78-c443-4a6b-94b6-1bc5b72dd2f7
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: onurkanbakirci.
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/onurkanbakirci/awesome-skills 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.