Skills for Real Engineers. Straight from my .agents directory.
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
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)
More skills in awesome-llm-skills
Similar skill repositories
An agentic skills framework & software development methodology that works.
Public repository for Agent Skills
An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
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
Production-grade engineering skills for AI coding agents.
