Tooluck logoTooluck
SKILL.md

artifacts-builder

Agent skill fromPrat011/awesome-llm-skills

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.

How to install artifacts-builder

install artifacts-builder
# install the awesome-llm-skills pack with the skills CLI
npx skills add Prat011/awesome-llm-skills

# or add only this skill to Claude Code: copy the folder

artifacts-builder/

# into

~/.claude/skills/artifacts-builder/ (all projects)

.claude/skills/artifacts-builder/ (one project)

Read SKILL.md on GitHubThis repository's license doesn't allow showing an excerpt here.

More skills in awesome-llm-skills

Keep exploring

Similar skill repositories

thedotmack /

claude-mem
116k

Persistent Context Across Sessions for Every Agent – Captures everything your agent does during sessions, compresses it with AI, and injects relevant context back into future sessions. Works with Claude Code, OpenClaw, Codex, Gemini, Hermes, Copilot, OpenCode + More

CCCXGHGM+135 skills

Newsletter

Join the Community

Subscribe to our newsletter for the latest news and updates