Hoang Ngoc Quang Anh Computer, Windows & software tips
VI

web-artifacts-builder

Hoang Ngoc Quang Anh 0 views
web-artifacts-builder
Share:FacebookTelegramZalo
⚡ Quick install — copy & paste
/plugin marketplace add anthropics/skills
For beginners: open Claude Code → paste the line above into the chat box (not the Terminal) → press Enter. The AI can then use it.
🗑️ How to uninstall (per the README)
The repo README does not say how to uninstall. Check the repo README/GitHub for the exact steps.

▶️ Usage summary

  • Install: /plugin marketplace add anthropics/skills
  • Run the initialization script to create a new React project: bash scripts/init-artifact.sh <project-name>
  • To bundle the React app into a single HTML artifact: bash scripts/bundle-artifact.sh

🇻🇳 Đọc bằng tiếng Việt

web-artifacts-builder — A toolkit for building complex, multi-component HTML artifacts for claude.ai with modern web tech (React, Tailwind CSS, shadcn/ui). Use it for artifacts that need state management, routing, or shadcn/ui components.

What is web-artifacts-builder?

web-artifacts-builder is a skill (a capability for AI agents such as Claude, Codex and Cursor) on GitHub (anthropics/skills). A toolkit for building complex, multi-component HTML artifacts for claude.ai with modern web tech (React, Tailwind CSS, shadcn/ui). Use it for artifacts that need state management, routing, or shadcn/ui components.

How to install web-artifacts-builder

See the ⚡ Quick install section at the top of the page — it has a ready-to-copy command taken from the author’s README, plus where to run it. For the full instructions, see the README at the end of the page.

Frequently asked questions about web-artifacts-builder

Is web-artifacts-builder free?

Yes. web-artifacts-builder is an open-source project on GitHub, so you can download and use it for free.

Is web-artifacts-builder hard to install?

No. You only need to run one command above.

Download & source code

The source code, README and latest updates of web-artifacts-builder are at github.com/anthropics/skills/skills/web-artifacts-builder. The star count and update date on this page sync automatically from GitHub.

📖 Full guide

🌐 Translate (Google):

Loading the guide…

🔗 Related repos

algorithmic-artCreates algorithmic (generative) art with p5.js using seeded randomness and interactive p…brand-guidelinesApplies Anthropic's official brand colors and typography to any artifact that needs the c…canvas-designCreates beautiful visual art as .png and .pdf files using design thinking — posters, artw…frontend-designGuidance for designing distinctive interfaces with taste when building new UI or redesign…theme-factoryA toolkit for applying themes to artifacts — slides, docs, reports, HTML landing pages… C…ui-ux-pro-max-skillAn AI skill that provides design intelligence for building professional UI/UX across mult…
Have a question? Ask the groupFacebook group Ask Anything (in Vietnamese): free Q&A on any topic, with real answers.Join the group →
Hoang Ngoc Quang Anh

Sharing computer, Windows and software tips. If you have a question, leave a comment below.