Web Artifacts Builder
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.
[ INSTALL ]
Install this skill
Use the open skills CLI to add this package to Claude Code, Codex, Cursor, or other skill-aware agents. Bifrost does not host or serve this public skill; always install from the upstream source.
npx skills add anthropics/skills
[ ABOUT ]
What this skill is for
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. Teams typically use it when they want reusable agent instructions without rewriting prompts for every session. Review the full SKILL.md on the source repository before installing in production environments.
| Property | Details |
|---|---|
| Name | web-artifacts-builder |
| Source | anthropics/skills |
| Owner | anthropics |
| Category | Frontend |
| Installs | 98.6K |
| License | See upstream repository |
[ RELATED ]
Related skills
Vercel React Best Practices
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to…
ViewRemotion Best Practices
Router for all Remotion skills
ViewHyperframes
Mandatory entry point: read this first for any request to make, create, edit, animate, or render a video, animation, or motion graphic, including a promo, explainer, captioned clip, title card, overlay, slideshow or interactive deck, Remotion port, or any HyperFrames HTML composition. Also use it to inspect, diagnose, validate, preview, publish, or batch-render an existing HyperFrames project.
View