web-artifacts-builder
✓사용 가능한 웹 기능(React, Tailwind CSS, shadcn/ui)은 더 많은 claude.ai HTML 아티팩트를 지원합니다. shadcn/ui 组件的复杂 아티팩트 - HTML/JSX 아티팩트를 사용할 수 없습니다.
SKILL.md
技术栈: React 18 + TypeScript + Vite + Parcel (打包) + Tailwind CSS + shadcn/ui
这将创建 bundle.html —— 一个包含所有内联 JavaScript、CSS 和依赖项的自包含 artifact。此文件可以直接作为 artifact 在 Claude 对话中分享。
要测试/预览 artifact，请使用可用工具（包括其他 Skill 或内置工具如 Playwright 或 Puppeteer）。通常情况下，避免预先测试 artifact，因为这会增加请求与看到成品 artifact 之间的延迟。如果用户要求或出现问题，请在展示 artifact 后再进行测试。
사용 가능한 웹 기능(React, Tailwind CSS, shadcn/ui)은 더 많은 claude.ai HTML 아티팩트를 지원합니다. shadcn/ui 组件的复杂 아티팩트 - HTML/JSX 아티팩트를 사용할 수 없습니다. 출처: leastbit/claude_skills_zh-cn.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/leastbit/claude_skills_zh-cn --skill web-artifacts-builder- 카테고리
- *크리에이티브
- 인증됨
- ✓
- 최초 등록
- 2026-02-01
- 업데이트
- 2026-02-18
빠른 답변
web-artifacts-builder이란?
사용 가능한 웹 기능(React, Tailwind CSS, shadcn/ui)은 더 많은 claude.ai HTML 아티팩트를 지원합니다. shadcn/ui 组件的复杂 아티팩트 - HTML/JSX 아티팩트를 사용할 수 없습니다. 출처: leastbit/claude_skills_zh-cn.
web-artifacts-builder 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/leastbit/claude_skills_zh-cn --skill web-artifacts-builder 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/leastbit/claude_skills_zh-cn
상세
- 카테고리
- *크리에이티브
- 출처
- skills.sh
- 최초 등록
- 2026-02-01