HEEEXY
SkillInteractive UI

Web Artifacts Builder

Builds rich web artifacts with React, Tailwind and UI components. Needs build tools; output can vary by environment.

How to use it

Install it with the open Skills CLI (needs Node.js), then restart your agent:

npx skills add anthropics/skills --skill web-artifacts-builder
  1. Download the ZIP from this page and unzip it.
  2. Put the web-artifacts-builder folder in .claude/skills/ inside your project (or ~/.claude/skills/ for all projects).
  3. Restart Claude Code and call it with /web-artifacts-builder.

بالعربي

تبني مخرجات ويب مركبة باستخدام React وTailwind ومكونات UI؛ تحتاج أدوات البناء وقد يختلف عرض الناتج بين البيئات.

More for interactive ui

  • Playground: Makes an interactive HTML playground with controls and live preview to try an idea or settings and copy the result.