artifacts-builder

@composiohq · 收录于 1 周前 · 上游提交 2 个月前

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

场景前端开发交互原型 ui组件

适合你，如果需要在Claude中创建带状态管理和路由的复杂HTML组件

/ 下载安装

https://github.com/ComposioHQ/awesome-claude-plugins/tree/master/artifacts-builder/skills/artifacts-builder ↗

/ 通过 npx 安装 校验哈希

npx oh-my-skill add composiohq/awesome-claude-plugins/artifacts-builder

/ 通过 bash 安装

curl -fsSL https://oh-my-skill.com/install.sh | bash -s -- composiohq/awesome-claude-plugins/artifacts-builder

/ 已经装过?验证本机副本,不用重装

npx oh-my-skill verify composiohq/awesome-claude-plugins/artifacts-builder

安装目标可用 --agent / --scope 或 --to 明确指定;省略时只会在唯一已存在的 agent 目录上自动选择,零命中或多命中会停止并提示。content_hash 缺失或不一致均拒装。

1815GitHub stars

~647上下文体积 · 单文件

索引托管

怎么用

商店整理自技能原文 · 版本 9ef49d0 · 表述以原文为准

它做什么

安装后，Claude 会使用 React、Tailwind CSS 和 shadcn/ui 创建多组件 HTML 工件。它会先初始化项目，开发完成后打包成单个 HTML 文件供你查看。

什么时候触发

当你要求 Claude 创建需要状态管理、路由或 shadcn/ui 组件的复杂前端工件时触发。不适用于简单的单文件 HTML/JSX 工件。

装好后可以这样说

Claude 会初始化项目并生成代码。

Claude 会使用预装组件构建。

技能原文在 GitHub 查看 →

登录即可评论;带「已验证安装」的,是发布者名下有本店的安装或持有记录。

…