XClawXCLAW
返回市场
Skills

Web Artifacts Builder

用 React / Tailwind / shadcn 构建复杂 claude.ai artifacts

发布方 · Anthropic版本 · 0.8.0更新于 2026年3月30日

添加到 XClaw

在 XClaw 应用中运行以下命令,skill 即刻可用,无需重启

$ xclaw skill add web-artifacts-builder

概览

为需要状态、路由、多组件的复杂 artifact 服务:一套脚本初始化项目 → 本地开发 → 最终打包成单个 HTML 文件展示给用户。

功能特性

  • React + Tailwind + shadcn/ui 一体栈
  • 支持状态管理与路由
  • 初始化与打包脚本
  • 最终输出单文件 HTML
  • 可选的本地测试环节

试试这些提示词

在 XClaw 对话框里直接说这些,skill 会自动触发

  • 构建一个带路由和状态管理的 claude.ai artifact:任务看板
  • 用 shadcn/ui 做一个多步表单,打包成单 HTML
  • 基于这份数据做一个交互式 dashboard artifact

相关推荐