MCP HubMCP Hub
스킬 목록으로 돌아가기

web-artifacts-builder-basic-template

vamseeachanta
업데이트됨 1 month ago
75 조회
3
2
3
GitHub에서 보기
기타design

정보

이 스킬은 반응형 디자인과 CSS 리셋을 포함한 기본적인 HTML 템플릿을 제공하여 웹 아티팩트를 생성합니다. 이는 Claude의 웹 아티팩트 시스템 내에서 웹 페이지를 구축하기 위한 기반 역할을 합니다. 개발자는 깔끔하고 현대적인 HTML5 구조가 필요한 새로운 웹 프로젝트를 시작할 때 이 템플릿을 사용해야 합니다.

빠른 설치

Claude Code

추천
기본
npx skills add vamseeachanta/workspace-hub -a claude-code
플러그인 명령대체
/plugin add https://github.com/vamseeachanta/workspace-hub
Git 클론대체
git clone https://github.com/vamseeachanta/workspace-hub.git ~/.claude/skills/web-artifacts-builder-basic-template

Claude Code에서 이 명령을 복사하여 붙여넣어 스킬을 설치하세요

GitHub 저장소

vamseeachanta/workspace-hub
경로: .claude/skills/_internal/builders/web-artifacts-builder/basic-template
0

연관 스킬

legal-sanity-review

기타

이 필수 워크플로우는 크로스 리뷰 전에 클라이언트 이름이나 전유권 참조 같은 법적 위험 요소를 코드에서 검사합니다. 위반 사항이 발견되면 리뷰 주기를 차단하며, 먼저 수정이 요구됩니다. PR 생성, 코드 포팅 또는 모든 크로스 리뷰 트리거에 사전 게이트로 활용하세요.

스킬 보기

brainstorming

기타

브레인스토밍 스킬은 반복적인 질문과 협업적 대화를 통해 초기 아이디어를 상세한 사양으로 전환합니다. 이는 개발자가 구현 전에 설계 옵션을 탐색하고 트레이드오프를 평가하며 공유된 이해를 형성하도록 돕습니다. 이를 통해 개념을 체계적으로 정제하여 실행 가능한 계획으로 발전시킴으로써 재작업을 방지합니다.

스킬 보기

repo-cleanup-structure-section-updates

기타

이 스킬은 정리 작업 후 저장소 구조 문서 업데이트를 처리합니다. 디렉토리 트리를 자동으로 업데이트하고, 삭제된 폴더에 대한 참조를 제거하며, `.claude/` 폴더나 통합된 스크립트와 같은 아키텍처 변경 사항을 문서화합니다. 저장소 재구성 후 README 파일의 구조 섹션을 정확하게 유지하려면 이 스킬을 사용하세요.

스킬 보기

repo-cleanup-progress-tracking-commands

기타

이 하위 스킬은 저장소 정리 작업 중 파일 수를 추적하기 위한 셸 명령어를 제공하며, 특히 `.claude` 및 `.agent-os`와 같은 숨겨진 폴더를 대상으로 합니다. 변경 사항 병합 후 파일이 손실되지 않도록 확인하는 검증 스크립트도 포함되어 있습니다. 프로젝트 디렉터리를 통합하거나 재구성할 때 진행 상황을 모니터링하고 결과를 검증하는 데 사용하세요.

스킬 보기