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
업데이트됨 1/9/2026
스타
1
포크
0
quick start

Installation and usage

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

설치
$ install --globalskills.sh
사용법

설치 후 터미널에서 다음 명령을 실행하여 이 스킬을 사용할 수 있습니다:

skills use web-artifacts-builder