Name: web-artifacts-builder
Availability: InStock
Author: 0-CYBERDYNE-SYSTEMS-0

System Documentation

What problem does it solve?

This Skill streamlines the creation of sophisticated, multi-component web artifacts using modern frontend technologies, eliminating the need for manual setup and configuration of complex build tools.

Core Features & Use Cases

Project Initialization: Quickly set up a new React project with TypeScript, Vite, Tailwind CSS, and shadcn/ui.
Bundling: Consolidate all project code and assets into a single, shareable HTML file.
Use Case: Develop an interactive dashboard or a complex UI component for a Claude conversation that requires state management, dynamic routing, and a polished design system.

Quick Start

Run the initialization script to create a new React project named 'my-artifact'.

Dependency Matrix

Required Modules

parcel@parcel/config-defaultparcel-resolver-tspathshtml-inline@radix-ui/react-accordion@radix-ui/react-aspect-ratio@radix-ui/react-avatar@radix-ui/react-checkbox@radix-ui/react-collapsible@radix-ui/react-context-menu@radix-ui/react-dialog@radix-ui/react-dropdown-menu@radix-ui/react-hover-card@radix-ui/react-label@radix-ui/react-menubar@radix-ui/react-navigation-menu@radix-ui/react-popover@radix-ui/react-progress@radix-ui/react-radio-group@radix-ui/react-scroll-area@radix-ui/react-select@radix-ui/react-separator@radix-ui/react-slider@radix-ui/react-slot@radix-ui/react-switch@radix-ui/react-tabs@radix-ui/react-toast@radix-ui/react-toggle@radix-ui/react-toggle-group@radix-ui/react-tooltipsonnercmdkvaulembla-carousel-reactreact-day-pickerreact-resizable-panelsdate-fnsreact-hook-form@hookform/resolvers/zod

Components

scriptsreferences

Please help me install this Skill: Name: web-artifacts-builder Download link: https://github.com/0-CYBERDYNE-SYSTEMS-0/nano-core/archive/main.zip#web-artifacts-builder Please download this .zip file, extract it, and install it in the .claude/skills/ directory.

web-artifacts-builder