Suede AI Skills Directory
web-artifacts-builder vs vercel-composition-patterns
A comparison selected for React and Next.js. Compare the task description and license first, then use the score breakdown to inspect their published files.
Quality snapshot: 2026-10-22. Install counts: skills.sh, 2026-11-08. This pair was selected from shared topics and recorded installs; it is not a claim about joint search volume.
At a glance
| Evidence | web-artifacts-builder (anthropics/skills) | vercel-composition-patterns (vercel-labs/agent-skills) |
|---|---|---|
| Listing | web-artifacts-builder | vercel-composition-patterns |
| Task | Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts. | React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes. |
| Quality score | 87/100 · B | 64/100 · D |
| License | Apache-2.0 | MIT |
| Cost lane | free-open-source | free-open-source |
| Recorded installs | 117,122 | 443,026 |
| Report | Score report | Score report |
Where the scores differ
| Component | web-artifacts-builder | vercel-composition-patterns |
|---|---|---|
| Structural checks | 56 / 56 | 48 / 56 |
| Description length | 5 / 5 | 5 / 5 |
| Boundary clause | 4 / 4 | 0 / 4 |
| Example request | 0 / 3 | 0 / 3 |
| Instruction depth | 4 / 7 | 4 / 7 |
| Reference files | 0 / 3 | 0 / 3 |
| Bundled scripts | 2 / 2 | 0 / 2 |
| Recent maintenance | 9 / 9 | 6 / 9 |
| Curated-list citations | 7 / 7 | 1 / 7 |
| Tool permissions declared | 0 / 2 | 0 / 2 |
| Compatibility declared | 0 / 2 | 0 / 2 |
web-artifacts-builder has the higher structural-quality score by 23 points. Use the task descriptions above to judge fit. These scores do not measure runtime performance or security.
Inspect before installing
web-artifacts-builder and vercel-composition-patterns link to their publishers, licenses and installation routes. Read the source before giving either skill access to your project.