home/categories/productivity-tools/warrenzhu050413-warren-claude-code-plugin-marketplace-claude-context-orchestrator-skills-building-artifacts-skill-md
productivity-toolstools

building-artifacts

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Artifacts are automatically saved to ~/Desktop/Artifacts directory. Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

WarrenZhu050413
maintainer
WarrenZhu050413
更新於 12/3/2025
星標
5
分支
0
quick start

Installation and usage

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Artifacts are automatically saved to ~/Desktop/Artifacts directory. Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

安裝
$ install --globalskills.sh
使用

安裝後,您可以透過在終端機執行以下指令來使用此技能:

skills use building-artifacts