Web Artifacts Builder

Name: Web Artifacts Builder
Author: nexu-io

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

Skill104.5k stars on nexu-io/open-design · shared by 162 skills

Install

npx skills add nexu-io/open-design --skill web-artifacts-builder

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

Loading States And Perceived Performance
Spinners, skeletons and staggered reveals that manage wait times. Use when designing loading states, async data or the feel of a slow interface.
Skill
174· repoGitHub stars for dembrandt/dembrandt-skills, shared by the 45 skills listed from this repo
Shadcn Ui
Build UI components with shadcn/ui. Pairs with the Stitch design loop to ship structured, accessible components quickly.
Skill
104.2k· repoGitHub stars for nexu-io/open-design, shared by the 162 skills listed from this repo
After Hours Editorial Template
Luxury dark-editorial HyperFrames template for three-page cinematic storyboards, inspired by haute couture title cards and magazine chapter spreads.
Skill
101.1k· repoGitHub stars for nexu-io/open-design, shared by the 162 skills listed from this repo