artifacts-builder

Compare original and translation side by side

🇺🇸

Original

English

🇨🇳

Translation

Chinese

artifacts-builder

Curated from ComposioHQ awesome-claude-skills.

源自ComposioHQ的awesome-claude-skills精选内容。

What it does

功能介绍

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui).

一套使用现代前端Web技术（React、Tailwind CSS、shadcn/ui）创建复杂多组件claude.ai HTML制品的工具套件。

Source

来源

Upstream: https://github.com/ComposioHQ/awesome-claude-skills/tree/master/artifacts-builder
Category:
```
web-artifacts
```

上游仓库：https://github.com/ComposioHQ/awesome-claude-skills/tree/master/artifacts-builder
分类：
```
web-artifacts
```

How to use

使用方法

This catalogue entry advertises the skill in Open Design so the agent discovers it during planning. To run the full upstream workflow with its original assets, scripts, and references, install the upstream bundle into your active agent's skills directory:

bash

undefined

此目录条目在Open Design中推广该技能，以便Agent在规划过程中发现它。要运行包含原始资源、脚本和引用的完整上游工作流，请将上游包安装到您当前使用的Agent的技能目录中：

bash

undefined

Inspect the upstream README for exact paths

查看上游README获取确切路径

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


Then ask the agent to invoke this skill by name (`artifacts-builder`) or with
one of the trigger phrases listed in this skill's frontmatter.

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


然后通过名称（`artifacts-builder`）或该技能前置内容中列出的触发短语之一，要求Agent调用此技能。