정보
이 스킬은 독립형 인터랙티브 웹 애플리케이션을 단일 HTML 파일로 구축하여, 외부 서버 없이 실행되는 데모, 프로토타입 및 도구를 만들기에 이상적입니다. 개발자가 코드, 스타일, 자산을 포함한 전체 애플리케이션을 하나의 휴대 가능한 파일로 패키징할 수 있게 합니다. 대시보드, 계산기, 시각화와 같은 빠르게 공유 가능한 웹 경험을 위해 사용하세요. 모든 최신 브라우저에서 직접 작동합니다.
빠른 설치
Claude Code
추천npx skills add vamseeachanta/workspace-hub -a claude-code/plugin add https://github.com/vamseeachanta/workspace-hubgit clone https://github.com/vamseeachanta/workspace-hub.git ~/.claude/skills/web-artifacts-builderClaude Code에서 이 명령을 복사하여 붙여넣어 스킬을 설치하세요
GitHub 저장소
자주 묻는 질문
web-artifacts-builder Skill이란 무엇인가요?
web-artifacts-builder은(는) vamseeachanta이(가) 만든 Claude Skill입니다. Skill은 Claude가 필요할 때 불러오는 지침과 리소스를 묶어 추가 프롬프트 없이 web-artifacts-builder 관련 작업을 수행할 수 있게 합니다.
web-artifacts-builder은(는) 어떻게 설치하나요?
이 페이지의 설치 명령을 사용하세요. web-artifacts-builder을(를) Claude Code 플러그인으로 추가하거나 저장소를 skills 디렉터리에 복제한 다음 Claude를 다시 시작해 Skill을 불러옵니다.
web-artifacts-builder은(는) 어떤 카테고리에 속하나요?
web-artifacts-builder은(는) 기타 카테고리에 속합니다.
web-artifacts-builder은(는) 무료로 사용할 수 있나요?
네. web-artifacts-builder은(는) AIMCP에 등록되어 있으며 무료로 설치할 수 있습니다.
연관 스킬
브레인스토밍 스킬은 반복적인 질문과 협업적 대화를 통해 초기 아이디어를 상세한 사양으로 전환합니다. 이는 개발자가 구현 전에 설계 옵션을 탐색하고 트레이드오프를 평가하며 공유된 이해를 형성하도록 돕습니다. 이를 통해 개념을 체계적으로 정제하여 실행 가능한 계획으로 발전시킴으로써 재작업을 방지합니다.
이 필수 워크플로우는 크로스 리뷰 전에 클라이언트 이름이나 전유권 참조 같은 법적 위험 요소를 코드에서 검사합니다. 위반 사항이 발견되면 리뷰 주기를 차단하며, 먼저 수정이 요구됩니다. PR 생성, 코드 포팅 또는 모든 크로스 리뷰 트리거에 사전 게이트로 활용하세요.
이 스킬은 정리 작업 후 저장소 구조 문서 업데이트를 처리합니다. 디렉토리 트리를 자동으로 업데이트하고, 삭제된 폴더에 대한 참조를 제거하며, `.claude/` 폴더나 통합된 스크립트와 같은 아키텍처 변경 사항을 문서화합니다. 저장소 재구성 후 README 파일의 구조 섹션을 정확하게 유지하려면 이 스킬을 사용하세요.
이 스킬은 저장소 정리 과정에서 제거하거나 통합해야 하는 레거시 디렉터리와 파일을 식별합니다. 개발자를 위한 구체적인 체크리스트를 제공하며, 더 이상 사용되지 않거나 새로운 위치로 이동된 `.agent-os/` 및 `.drcode/`와 같은 경로를 포함합니다. Claude Code 프로젝트를 정리할 때 이 참고 자료를 사용하여 오래된 자산의 적절한 마이그레이션과 삭제를 보장하세요.