openakita/skills@web-artifacts-builder

Name: openakita/skills@web-artifacts-builder
Availability: InStock
Author: openakita

Community

Build interactive web artifacts.

Software Engineering #web development #react #shadcn/ui #tailwind css #bundling #artifact generation

Authoropenakita

Version1.0.0

Installs0

System Documentation

What problem does it solve?

This Skill streamlines the creation of complex, interactive HTML artifacts using modern web technologies, eliminating the need for manual setup and configuration of frontend projects.

Core Features & Use Cases

Project Initialization: Quickly scaffold a new React project with pre-configured Tailwind CSS, shadcn/ui, and TypeScript.
Bundling: Consolidate all project code and assets into a single, shareable HTML file.
Use Case: Develop a dynamic dashboard or a data visualization tool as a self-contained HTML artifact that can be easily shared and embedded.

Quick Start

Run the init-artifact.sh script to create a new project named 'my-artifact'.

Dependency Matrix

Required Modules

parcel@parcel/config-defaultparcel-resolver-tspathshtml-inlinetailwindcsspostcssautoprefixer@types/nodetailwindcss-animateclass-variance-authorityclsxtailwind-mergelucide-reactnext-themes@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

scripts

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: openakita/skills@web-artifacts-builder
Download link: https://github.com/openakita/openakita/archive/main.zip#openakita-skills-web-artifacts-builder

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.

View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.