artifacts-builder

Name: artifacts-builder
Rating: 0.9 (1 reviews)
Author: LeastBit

18.2

一套基于现代前端技术（React、Tailwind CSS、shadcn/ui）的工具，用来创建复杂的 claude.ai HTML 成品。适用于需要状态管理、路由或 shadcn/ui 组件的复杂作品，不适用于简单的单文件 HTML/JSX。

Third-Party Agent Skill: Review the code before installing. Agent skills execute in your AI assistant's environment and can access your files. Learn more about security

Installation for Agentic Skill

View all platforms →

Claude Code (CLI) Fast

skilz install LeastBit/Claude_skills_zh-CN/artifacts-builder

OpenCode (CLI) Fast

skilz install LeastBit/Claude_skills_zh-CN/artifacts-builder --agent opencode

OpenAI Codex (CLI) Native

skilz install LeastBit/Claude_skills_zh-CN/artifacts-builder --agent codex

Gemini CLI (Project) Project

skilz install LeastBit/Claude_skills_zh-CN/artifacts-builder --agent gemini

First time? Install Skilz: pip install skilz

Works with 14 AI coding assistants

Cursor, Aider, Copilot, Windsurf, Qwen, Kimi, and more...

View All Agents

For Claude Desktop Easy

Download Agent Skill ZIP

Extract and copy to ~/.claude/skills/ then restart Claude Desktop

Manual Installation

1. Clone the repository:

git clone https://github.com/LeastBit/Claude_skills_zh-CN

2. Copy the agent skill directory:

cp -r Claude_skills_zh-CN/artifacts-builder_制品构建器 ~/.claude/skills/

Owner: LeastBit (GitHub)
Repository: Claude_skills_zh-CN
Type: Non-Technical
Meta-Domain: general
Primary Domain: general
Sub-Domain: artifacts html
Market Score: 18.2

Agentic Skill Grades →

Browse Category

More general Agentic Skills

Report Security Issue

Found a security vulnerability in this agent skill?