Back to skills
SkillHub ClubAnalyze Data & AIFull StackFrontendData / AI

artifacts-builder-aitemplates

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.

Packaged view

This page reorganizes the original catalog entry around fit, installability, and workflow context first. The original raw source lives below.

Stars
5
Hot score
82
Updated
March 20, 2026
Overall rating
C3.6
Composite score
3.6
Best-practice grade
C60.0

Install command

npx @skill-hub/cli install dy9759-specskillsforclaudecode-artifacts-builder-aitemplates

Repository

dy9759/SpecSkillsForClaudeCode

Skill path: skills/aitemplates-skills/artifacts-builder-aitemplates

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.

Open repository

Best for

Primary workflow: Analyze Data & AI.

Technical facets: Full Stack, Frontend, Data / AI.

Target audience: Development teams looking for install-ready agent workflows..

License: Unknown.

Original source

Catalog source: SkillHub Club.

Repository owner: dy9759.

This is still a mirrored public skill entry. Review the repository before installing into production workflows.

What it helps with

  • Install artifacts-builder-aitemplates into Claude Code, Codex CLI, Gemini CLI, or OpenCode workflows
  • Review https://github.com/dy9759/SpecSkillsForClaudeCode before adding artifacts-builder-aitemplates to shared team environments
  • Use artifacts-builder-aitemplates for development workflows

Works across

Claude CodeCodex CLIGemini CLIOpenCode

Favorites: 0.

Sub-skills: 0.

Aggregator: No.

artifacts-builder-aitemplates | SkillHub