web-artifacts-builder
Skillby tlreal
clawhub⭐ 06/10
一套用于使用现代前端Web技术（React、Tailwind CSS、shadcn/ui）创建精细、多组件claude.ai HTML工件的工具集。使用...
基于React、Tailwind CSS和shadcn/ui，在claude.ai中快速生成结构完整、多组件的现代前端HTML工件，提升原型开发效率。
📊 商业分析
商业模式
freemium
独特价值
结构化引导Claude生成多组件复杂HTML工件含现代前端技术栈
竞品
1. v0.dev（Vercel出品，UI生成更成熟，支持部署）；2. Bolt.new（全栈生成，功能更广）；3. Claude原生Artifacts（无需额外Skill，但缺乏结构化引导）
🎯 应用场景
目标用户
独立开发者/全栈工程师产品经理/需要快速原型的设计师AI应用构建者/Claude重度用户
工具信息
- 类型
- Skill
- 平台
- clawhub
- Stars
- ⭐ 0
- 价值评分
- 6/10
- 子分类
- 前端组件生成与HTML工件构建
- 可商业化
- ✅ 是
AI 标签
HTML工件生成React组件Tailwind CSSshadcn/ui前端原型
相关工具推荐
chrome-devtoolsMCP
基于Chrome DevTools MCP实现AI驱动的浏览器自动化、网络流量分析、性能剖析及截图捕获，专家级调试能力触手可及
9/10⭐ 24,083
brave-searchSKILL
通过Brave Search API实现网页搜索与内容提取，无需浏览器，轻量接入，适合文档查询、事实核查及任意网页内容获取场景。
8/10⭐ 161
playwright-mcpMCP
基于Playwright MCP服务器实现浏览器自动化，支持网页导航、元素点击、表单填写、数据提取与截图等完整工作流。
8/10⭐ 96
browser-useMCP
通过AI指令自动化浏览器操作，支持网页导航、表单填写、页面截图及结构化数据提取，适合测试与RPA场景
8/10⭐ 70
playwrightMCP
基于Playwright MCP协议实现浏览器自动化，支持网页导航、元素点击、表单填写、截图及数据提取，可调试真实浏览器工作流。
8/10⭐ 56