artifacts-builder
artifacts-builder is a skill in Prat011/awesome-llm-skills, last changed 22 Oct 2025. It can run shell commands, reach the network, name web addresses, bundle scripts and include files we can't read — read the findings before installing. Our pattern check found 1 item to review at commit 35e1ea2 on 27 Oct 2026.
Pattern check: 1 item to review · commit 35e1ea2 · 27 Oct 2026
InstallSuite 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.
- Licence
- Apache 2.0
- Repo stars
- 1.8k
- Folder last changed
- 22 Oct 2025 (opens in a new tab)
- Publisher
- Prat011
- Files
- 5 files
- Checked
- 35e1ea2 (opens in a new tab) · 27 Oct 2026
Install
Each tab says whether it installs commit 35e1ea2, the one we checked, or the latest version.
No tab for your agent? Use Any agent for OpenCode, Goose, Windsurf (Devin Desktop), Zed, Roo Code, Factory Droid, Junie, Amp and Antigravity, and Claude Code for Cline. Kiro needs the folder copied by hand.
Pinned to commit 35e1ea2, the one we checked.
From your project's root folder:
tmp="$(mktemp -d)" &&
git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/Prat011/awesome-llm-skills.git "$tmp" &&
git -C "$tmp" fetch -q --depth 1 origin 35e1ea23b6c5f50c420d5591973aa8ad4f2931ff &&
git -C "$tmp" sparse-checkout set -- artifacts-builder &&
git -C "$tmp" checkout -q 35e1ea23b6c5f50c420d5591973aa8ad4f2931ff &&
mkdir -p .claude/skills &&
mkdir .claude/skills/artifacts-builder &&
cp -R "$tmp"/artifacts-builder/. .claude/skills/artifacts-builder/ &&
rm -rf "$tmp"If Claude Code was already running and this created the skills folder, run /reload-skills.
Pinned to commit 35e1ea2, the one we checked.
Skills in the Claude apps belong to your account rather than to a project.
Make artifacts-builder.zip, with the skill folder at the top level:
tmp="$(mktemp -d)" &&
git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/Prat011/awesome-llm-skills.git "$tmp" &&
git -C "$tmp" fetch -q --depth 1 origin 35e1ea23b6c5f50c420d5591973aa8ad4f2931ff &&
git -C "$tmp" sparse-checkout set -- artifacts-builder &&
git -C "$tmp" checkout -q 35e1ea23b6c5f50c420d5591973aa8ad4f2931ff &&
out="$(mktemp -d)" &&
cp -R "$tmp"/artifacts-builder "$out"/artifacts-builder &&
(cd "$out" && zip -qr - artifacts-builder) > artifacts-builder.zip &&
rm -rf "$tmp" "$out"In Claude, open Customize > Skills, select +, then + Create skill > Upload a skill, and choose artifacts-builder.zip.
On Free, Pro and Max plans, turn on Code execution and file creation (Create and edit files in newer settings) under Settings > Capabilities.
Pinned to commit 35e1ea2, the one we checked.
From your project's root folder:
tmp="$(mktemp -d)" &&
git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/Prat011/awesome-llm-skills.git "$tmp" &&
git -C "$tmp" fetch -q --depth 1 origin 35e1ea23b6c5f50c420d5591973aa8ad4f2931ff &&
git -C "$tmp" sparse-checkout set -- artifacts-builder &&
git -C "$tmp" checkout -q 35e1ea23b6c5f50c420d5591973aa8ad4f2931ff &&
mkdir -p .agents/skills &&
mkdir .agents/skills/artifacts-builder &&
cp -R "$tmp"/artifacts-builder/. .agents/skills/artifacts-builder/ &&
rm -rf "$tmp"Codex picks up new skills on its own; restart it if this one does not appear.
Pinned to commit 35e1ea2, the one we checked.
From your project's root folder:
tmp="$(mktemp -d)" &&
git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/Prat011/awesome-llm-skills.git "$tmp" &&
git -C "$tmp" fetch -q --depth 1 origin 35e1ea23b6c5f50c420d5591973aa8ad4f2931ff &&
git -C "$tmp" sparse-checkout set -- artifacts-builder &&
git -C "$tmp" checkout -q 35e1ea23b6c5f50c420d5591973aa8ad4f2931ff &&
mkdir -p .cursor/skills &&
mkdir .cursor/skills/artifacts-builder &&
cp -R "$tmp"/artifacts-builder/. .cursor/skills/artifacts-builder/ &&
rm -rf "$tmp"Pinned to commit 35e1ea2, the one we checked.
From your project's root folder:
tmp="$(mktemp -d)" &&
git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/Prat011/awesome-llm-skills.git "$tmp" &&
git -C "$tmp" fetch -q --depth 1 origin 35e1ea23b6c5f50c420d5591973aa8ad4f2931ff &&
git -C "$tmp" sparse-checkout set -- artifacts-builder &&
git -C "$tmp" checkout -q 35e1ea23b6c5f50c420d5591973aa8ad4f2931ff &&
mkdir -p .github/skills &&
mkdir .github/skills/artifacts-builder &&
cp -R "$tmp"/artifacts-builder/. .github/skills/artifacts-builder/ &&
rm -rf "$tmp"In a running Copilot CLI session, run /skills reload.
Or install it with gh skill, which also installs the commit we checked. Needs GitHub CLI 2.90 or later.
gh skill install Prat011/awesome-llm-skills artifacts-builder/SKILL.md@35e1ea23b6c5f50c420d5591973aa8ad4f2931ff --agent github-copilot --scope projectPinned to commit 35e1ea2, the one we checked.
From your project's root folder:
tmp="$(mktemp -d)" &&
git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/Prat011/awesome-llm-skills.git "$tmp" &&
git -C "$tmp" fetch -q --depth 1 origin 35e1ea23b6c5f50c420d5591973aa8ad4f2931ff &&
git -C "$tmp" sparse-checkout set -- artifacts-builder &&
git -C "$tmp" checkout -q 35e1ea23b6c5f50c420d5591973aa8ad4f2931ff &&
mkdir -p .gemini/skills &&
mkdir .gemini/skills/artifacts-builder &&
cp -R "$tmp"/artifacts-builder/. .gemini/skills/artifacts-builder/ &&
rm -rf "$tmp"In a running session, run /skills reload.
Or use Gemini CLI’s own installer. Installs the latest version, not the one we checked.
gemini skills install https://github.com/Prat011/awesome-llm-skills.git --path artifacts-builder --scope workspacePinned to commit 35e1ea2, the one we checked.
Codex, Cursor, Copilot, VS Code, Gemini CLI, OpenCode, Goose, Amp and Zed all read .agents/skills; Claude Code and Kiro list only their own folders.
From your project's root folder:
tmp="$(mktemp -d)" &&
git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/Prat011/awesome-llm-skills.git "$tmp" &&
git -C "$tmp" fetch -q --depth 1 origin 35e1ea23b6c5f50c420d5591973aa8ad4f2931ff &&
git -C "$tmp" sparse-checkout set -- artifacts-builder &&
git -C "$tmp" checkout -q 35e1ea23b6c5f50c420d5591973aa8ad4f2931ff &&
mkdir -p .agents/skills &&
mkdir .agents/skills/artifacts-builder &&
cp -R "$tmp"/artifacts-builder/. .agents/skills/artifacts-builder/ &&
rm -rf "$tmp"Or use the skills CLI from skills.sh. Installs the latest version, not the one we checked. The skills CLI reports installs to skills.sh unless you set DISABLE_TELEMETRY=1.
npx skills@1.7.4 add Prat011/awesome-llm-skills --skill artifacts-builderWhat it can touch
From the files and frontmatter at commit 35e1ea2. This is how much a skill can do, not whether it is risky.
What it can touch: Shell, network or credentials
Runs shell commands
Its instructions or files give the agent commands to run on your computer.
Reaches the network
It sends or fetches data over the internet, for example with curl, an HTTP library or a package install.
Names web addresses
It mentions outside web addresses the agent may visit. We list them but don't follow them.
Bundles scripts
The folder holds code files the agent may run.
Includes files we can't read
It ships binaries, archives or documents whose contents this check cannot look inside.
scripts/shadcn-components.tar.gz
Pattern check
Pattern check: 1 item to review · commit 35e1ea2 · 27 Oct 2026
R32 · HighBinary, compiled, archived or document file
scripts/shadcn-components.tar.gz (opens in a new tab)
We checked every text file in this skill, at commit 35e1ea2 on 27 Oct 2026, against 45 published patterns such as download-and-run commands, hidden text and credential access. We don't run the skill, we don't read the web pages it points to, and we can't judge everything its instructions might lead an agent to do. In published tests, pattern checks like this one missed most malicious skills. Read the skill before you install it — especially anything it asks you to download or run.
How the check worksReport an incorrect finding
Files we didn't read
- scripts/shadcn-components.tar.gz · archive
Outside links we did not follow
- https://ui.shadcn.com/docs/components
- http://www.apache.org/licenses/
- http://www.apache.org/licenses/LICENSE-2.0
- https://ui.shadcn.com/schema.json
Format check
Each agent reads SKILL.md a little differently. We check the file against each one's published rules; we don't run the skill in any agent.
- Agent Skills specPasses
- Claude CodePasses
Claude apps & API uploadPasses
Uploading to claude.ai or the Claude API, or packaging with Anthropic's script, accepts only the six spec fields and stops on anything else.
- Note
The description is 288 characters. The claude.ai Help Center says 200 at most, though Anthropic's API docs and validator allow 1,024. D4
Fix: If the claude.ai upload refuses it, trim the description to 200 characters.
- Note
- OpenAI (Codex & API)Passes
- VS Code & CopilotPasses
SKILL.md
Files
Copies
The same folder appears in 1 other repo. We list it once.
These share its SKILL.md or its name and description but not all its files, so we list them separately.
More from Prat011/awesome-llm-skills
brand-guidelines
Prat011/awesome-llm-skills
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
- Names web addresses
Pattern check: Nothing flaggedApache 2.0 · 1.8k repo stars · Updated 22 Oct 2025
canvas-design
Prat011/awesome-llm-skills
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
- Names web addresses
Pattern check: Nothing flaggedApache 2.0 · 1.8k repo stars · Updated 22 Oct 2025
changelog-generator
Prat011/awesome-llm-skills
Automatically creates user-facing changelogs from git commits by analyzing commit history, categorizing changes, and transforming technical commits into clear, customer-friendly release notes. Turns hours of manual changelog writing into minutes of automated generation.
- Instructions only
Pattern check: Nothing flaggedNo licence · 1.8k repo stars · Updated 22 Oct 2025
competitive-ads-extractor
Prat011/awesome-llm-skills
Extracts and analyzes competitors' ads from ad libraries (Facebook, LinkedIn, etc.) to understand what messaging, problems, and creative approaches are working. Helps inspire and improve your own ad campaigns.
- Instructions only
Pattern check: Nothing flaggedNo licence · 1.8k repo stars · Updated 22 Oct 2025
content-research-writer
Prat011/awesome-llm-skills
Assists in writing high-quality content by conducting research, adding citations, improving hooks, iterating on outlines, and providing real-time feedback on each section. Transforms your writing process from solo effort to collaborative partnership.
- Runs shell commands
Pattern check: Nothing flaggedNo licence · 1.8k repo stars · Updated 22 Oct 2025
docx
Prat011/awesome-llm-skills
Comprehensive document creation, editing, and analysis with support for tracked changes, comments, formatting preservation, and text extraction. When Claude needs to work with professional documents (.docx files) for: (1) Creating new documents, (2) Modifying or editing content, (3) Working with tracked changes, (4) Adding comments, or any other document tasks
- Runs shell commands
- Reaches the network
- +2 more
Pattern check: Nothing flaggedSource-available · 1.8k repo stars · Updated 22 Oct 2025