Web Artifacts Builder (Anthropic)
179,093 stars建立複雜 claude.ai HTML artifact 的官方工具組：用 React、Tailwind CSS、shadcn/ui 等現代前端技術，處理需要狀態管理、路由或多元件的 artifact。
- 首次公開：2025-09-22
- 數據截至：
- 2026-09-30
- 授權：
- Apache-2.0
什麼時候用
要做功能較重的互動式網頁 artifact（儀表板、多頁小工具）而不是單一 HTML 檔時。
要注意
明言不適用於簡單的單一 HTML/JSX artifact（殺雞用牛刀）；產物以 claude.ai 的 artifact 環境為目標。
安裝提示詞
請幫我安裝「Web Artifacts Builder (Anthropic)」技能：從 https://github.com/anthropics/skills/tree/main/skills/web-artifacts-builder（技能路徑：skills/web-artifacts-builder/） 取得完整的技能目錄，放進我的 Agent 的技能目錄（例如專案內的 skills/ 資料夾，或該 Agent 文件指明的全域技能位置），確認裡面的 SKILL.md 存在、frontmatter 的 name 與 description 完整，然後列出這個技能宣告的腳本、外部工具與 API 需求，先不要執行任何腳本。把這段貼給你的 agent。它刻意不含任何工具子命令 —— 指令請以該工具的官方文件為準。