Agent skill · software engineering · 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).
Why this skill is useful
Provides a suite of tools and specific patterns for creating complex HTML artifacts using React and Tailwind CSS, which the AI may not generate reliably on its own.
What it needs
Requires react, tailwindcss installed locally. About 1k tokens when loaded. Last updated 2026-08-07. 84,236 stars on the source repository.
What this skill does
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 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: 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
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills nexu-io/artifacts-builder