mcpField
A
artifacts-builder

artifacts-builder

github.com/nexu-ioDesign & UI104.6k2.8k installsUpdated 1d ago
Repository

About artifacts-builder

A skill for creating elaborate, multi-component HTML artifacts for claude.ai with modern frontend technologies. It uses React, Tailwind CSS, and shadcn/ui.

Key features

  1. 01Build multi-component HTML artifacts
  2. 02Use React
  3. 03Use Tailwind CSS
  4. 04Use shadcn/ui

Use cases

  1. 01Create HTML artifacts for claude.ai
  2. 02Compose interfaces from multiple components

Install

Copy the command and run it in a terminal.

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

After installing, type/artifacts-builderin Claude Code to confirm it loaded.

Details

From the project README

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

How to use

This catalogue entry advertises the skill in OpenDesign 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.

Comments

Markdown supported