artifacts-builder

@davepoon/artifacts-builder

davepoon

2,265

242 forks

Updated 1/18/2026

View on GitHub

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.

Installation

$skills install @davepoon/artifacts-builder

Claude Code

Cursor

Copilot

Codex

Antigravity

Details

Repositorydavepoon/buildwithclaude

Pathplugins/all-skills/skills/artifacts-builder/SKILL.md

Branchmain

Scoped Name@davepoon/artifacts-builder

Usage

After installing, this skill will be available to your AI coding assistant.

Verify installation:

skills list

More by davepoon

View all

webapp-testing

2,265

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.

obsidian-markdown

2,265

Create and edit Obsidian Flavored Markdown with wikilinks, embeds, callouts, properties, and other Obsidian-specific syntax. Use when working with .md files in Obsidian, or when the user mentions wikilinks, callouts, frontmatter, tags, embeds, or Obsidian notes.

invoice-organizer

2,265

Automatically organizes invoices and receipts for tax preparation by reading messy files, extracting key information, renaming them consistently, and sorting them into logical folders. Turns hours of manual bookkeeping into minutes of automated organization.

video-downloader

2,265

youtube-downloader: Download YouTube videos with customizable quality and format options. Use this skill when the user asks to download, save, or grab YouTube videos. Supports various quality settings (best, 1080p, 720p, 480p, 360p), multiple formats (mp4, webm, mkv), and audio-only downloads as MP3.