mcpField
W
web-artifacts-builder

web-artifacts-builder

github.com/nexu-ioDevelopment104.6k2.9k installsUpdated today
Repository

About web-artifacts-builder

web-artifacts-builder is a skill for agents that create complex, embeddable HTML artifacts for claude.ai using React and Tailwind. This catalogue entry helps agents discover the skill; the full workflow requires installing the upstream bundle.

Key features

  1. 01React and Tailwind artifact building
  2. 02Complex HTML artifact workflows
  3. 03Agent skill discovery through OpenDesign

Use cases

  1. 01Creating embeddable claude.ai artifacts
  2. 02Planning HTML artifact work in an agent

Install

Copy the command and run it in a terminal.

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

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

Details

From the project README

web-artifacts-builder

Curated from Anthropic's official skills repository.

What it does

Build complex claude.ai HTML artifacts with React and Tailwind. Anthropic's reference workflow for shipping rich, embeddable artifacts.

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/anthropics/skills/tree/main/skills/web-artifacts-builder

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

Comments

Markdown supported