LogoClawIndex
CasesSkillsAbout
LogoClawIndex

web-artifacts-builder - Build complex HTML artifacts with React and Tailwind CSS

Suite of tools for creating elaborate, multi-component HTML artifacts using modern frontend web technologies

Tags

Updated: 2026-02-05

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • initialize React project
  • configure Tailwind CSS
  • install shadcn/ui components
  • bundle code to HTML
  • create path aliases

Inputs

  • project name
  • source code files
  • index.html file
  • component files
  • package.json

Outputs

  • bundled HTML file
  • React application
  • Vite project structure
  • shadcn/ui components

Requirements

  • Node.js 18+
  • bash shell
  • package.json
  • index.html in root

Source

  • Spec: SKILL.md

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.
frontend
react
tailwind
html
bundling
initialize React project
configure Tailwind CSS
install shadcn/ui components
bundle code to HTML
project name
source code files
index.html file
bundled HTML file
React application
Vite project structure