Artifacts Builder

nexu-io/artifacts-builder

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

347 tokens

context cost

the whole folder, loaded on every use

files

instructions only

copies elsewhere

how many repositories repackaged it

83386

stars on the repo

on the repository, not the skill itself

Install

one command, takes just this skill from the repository

npx skills add https://github.com/nexu-io/open-design --skill artifacts-builder

The instruction itself

4 sections, as written by the author

artifacts-builder

> Curated from 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).

Source

Upstream: https://github.com/ComposioHQ/awesome-claude-skills/tree/master/artifacts-builder
Category: 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:

# Inspect the upstream README for exact paths
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.

How to use it

Copy the folder

Take nexu-io/artifacts-builder from the repository into ~/.claude/skills for personal use, or into .claude/skills inside a project.

Check the name does not clash

The agent identifies a skill by the name field in its header. Two skills with the same name cannot sit side by side — one of them will be ignored.