home/categories/full-stack/leastbit-claude-skills-zh-cn-skills-web-artifacts-builder-skill-md
full-stackdevelopment

web-artifacts-builder

用于使用现代前端 Web 技术(React、Tailwind CSS、shadcn/ui)创建复杂的、多组件的 claude.ai HTML artifact 的工具套件。适用于需要状态管理、路由或 shadcn/ui 组件的复杂 artifact - 不适用于简单的单文件 HTML/JSX artifact。

LeastBit
maintainer
LeastBit
Updated 1/17/2026
Stars
343
Forks
67
quick start

Installation and usage

用于使用现代前端 Web 技术(React、Tailwind CSS、shadcn/ui)创建复杂的、多组件的 claude.ai HTML artifact 的工具套件。适用于需要状态管理、路由或 shadcn/ui 组件的复杂 artifact - 不适用于简单的单文件 HTML/JSX artifact。

Installation
$ install --globalskills.sh
Usage

Once installed, you can use this skill by running the following command in your terminal:

skills use web-artifacts-builder