artifacts-builder - Build Complex Frontend Artifacts with React and Tailwind CSS
Toolset for creating complex multi-component HTML artifacts using modern frontend web technologies
Tags
Updated: 2026-02-23Capabilities
Typical Inputs
Typical Outputs
What this skill does
- initialize React TypeScript project
- configure Tailwind CSS and shadcn/ui
- bundle to single HTML file
- install shadcn/ui components
- set up path aliases
Inputs
- project name
- theme color specification
- design system specifications
Outputs
- bundled HTML artifact
- React TypeScript project
- configured frontend repository
Requirements
- Node 18+ environment
- React 18 with TypeScript
- Vite build tool
- Parcel bundler