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