Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui).
Passed 6 of 22 test cases with the skill, and 16 of 22 without it.
3 fixed7 passed either way5 still failing8 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 3 test cases the skill fixed. Same model, same prompt, with and without the skill.
Write the initial <head> script tags and setup for a single-file interactive browser component container for the Customer CRM portal without npm build tools. Authors often write Node ESM 'import React from react' statements or rely on local node_modules. Provide the single-file browser script integration setup.
| Checked | Without skill | With skill |
|---|---|---|
| Includes React UMD script tag from a CDN | Missed | Passed |
| Includes Babel standalone script tag for browser JSX compilation | Passed | Passed |
The instructions your model reads when the skill loads.
Curated from ComposioHQ awesome-claude-skills.
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui).
web-artifactsThis 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.
test cases passed, vs 16 / 22 without
Published skills whose descriptions closely match this one, with their headline benchmark lift.
More skills from the same source and nearby in the registry, with their headline benchmark lift.