millitool
data-ai/

web-artifacts-builder

To build powerful frontend claude.ai artifacts, follow these steps:

webartifactsbuilder
Content Preview
---
name: web-artifacts-builder
description: "To build powerful frontend claude.ai artifacts, follow these steps:"
risk: unknown
source: community
date_added: "2026-02-27"
---

# Web Artifacts Builder

To build powerful frontend claude.ai artifacts, follow these steps:
1. Initialize the frontend repo using `scripts/init-artifact.sh`
2. Develop your artifact by editing the generated code
3. Bundle all code into a single HTML file using `scripts/bundle-artifact.sh`
4. Display artifact to user
5. (
How to Use

Recommended: Install to project (local)

mkdir -p .claude/skills
curl -o .claude/skills/web-artifacts-builder.md \
  https://raw.githubusercontent.com/sickn33/antigravity-awesome-skills/main/skills/web-artifacts-builder/SKILL.md

Skill is scoped to this project only. Add .claude/skills/ to your .gitignoreif you don't want to commit it.

Alternative: Clone full repo

git clone https://github.com/sickn33/antigravity-awesome-skills

Then reference at skills/web-artifacts-builder/SKILL.md

Related Skills

web-artifacts-builder
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.
web-artifacts-builderwebartifactsbuilder

by Anthropic · anthropic-official-skills

data
Data engineering for Apache Airflow and Astronomer. Author DAGs with best practices, debug pipeline failures, trace data lineage, profile tables, migrate Airflow 2 to 3, and manage local and cloud deployments.
pluginpluginmarketplacedata

by Anthropic · anthropic-official-plugins

data-engineering-data-driven-feature
Build features guided by data insights, A/B testing, and continuous measurement using specialized agents for analysis, implementation, and experimentation.
data-aidataengineeringdriven

by sickn33 (Antigravity) · antigravity-awesome-skills

data-quality-frameworks
Implement data quality validation with Great Expectations, dbt tests, and data contracts. Use when building data quality pipelines, implementing validation rules, or establishing data contracts.
data-aidataqualityframeworks

by sickn33 (Antigravity) · antigravity-awesome-skills