artifacts-builder

Suite of tools for creating elaborate, multi-component HTML artifacts using React, Tailwind CSS, and shadcn/ui. Use for complex artifacts requiring state management, routing, or shadcn/ui components.

Claude Code1 skill

by Composio1.9kupdated 2 weeks ago

Source

$ git clone https://github.com/composio-community/awesome-claude-plugins

Clone the source, then follow the repository's marketplace instructions for your runtime. The plugin root is artifacts-builder/ inside the repository.

Layout

artifacts-builder/

├── .claude-plugin/plugin.json
└── skills/artifacts-builder/SKILL.md

Skills1

artifacts-builderskills/artifacts-builder/SKILL.md

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.

Manifests1

artifacts-builder/.claude-plugin/plugin.json

{
  "name": "artifacts-builder",
  "description": "Suite of tools for creating elaborate, multi-component HTML artifacts using React, Tailwind CSS, and shadcn/ui. Use for complex artifacts requiring state management, routing, or shadcn/ui components.",
  "author": {
    "name": "Composio",
    "email": "support@composio.dev"
  }
}