Back to Skills

Artifacts Builder

Provider: anthropics

A suite of tools for creating elaborate, multi-component HTML artifacts. It uses modern frontend web technologies like React, Tailwind CSS, and shadcn...

Description

A suite of tools for creating elaborate, multi-component HTML artifacts. It uses modern frontend web technologies like React, Tailwind CSS, and shadcn/ui to build interactive UIs directly in the chat.

Source

https://github.com/anthropics/skills/tree/main/skills/web-artifacts-builder

Sample Usage

  • "Build a dashboard component with a sidebar and data table."
  • "Create a landing page for a coffee shop using Tailwind CSS."
  • "Generate a React calculator component."

Configuration

  1. Download the skill folder.
  2. Place it in ~/.claude/skills/web-artifacts-builder or .opencode/skill/web-artifacts-builder.