home/categories/frontend/huminglong-my-claude-skills-web-artifacts-builder-skill-md
frontenddevelopment

web-artifacts-builder

一套用于构建复杂且多组件集成的 claude.ai HTML Artifacts(交互式组件)的工具集。该工具集采用现代前端技术栈,包括 React、Tailwind CSS 及 shadcn/ui。适用于需要状态管理、路由功能或集成 shadcn/ui 组件库的复杂项目,而非简单的单文件 HTML/JSX 组件。当用户需要构建具备深层交互逻辑、多视图导航或工业级 UI 标准的高级 Web 应用原型时,应调用该技能。

huminglong
maintainer
huminglong
Atualizado 1/9/2026
Estrelas
1
Forks
0
quick start

Installation and usage

一套用于构建复杂且多组件集成的 claude.ai HTML Artifacts(交互式组件)的工具集。该工具集采用现代前端技术栈,包括 React、Tailwind CSS 及 shadcn/ui。适用于需要状态管理、路由功能或集成 shadcn/ui 组件库的复杂项目,而非简单的单文件 HTML/JSX 组件。当用户需要构建具备深层交互逻辑、多视图导航或工业级 UI 标准的高级 Web 应用原型时,应调用该技能。

Instalação
$ install --globalskills.sh
Uso

Depois de instalar, você pode usar esta skill executando o seguinte comando no terminal:

skills use web-artifacts-builder