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

web-artifacts-builder-basic-template

vamseeachanta
업데이트됨 1 month ago
78 조회
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-references-to-remove

기타

이 스킬은 저장소 정리 과정에서 제거하거나 통합해야 하는 레거시 디렉터리와 파일을 식별합니다. 개발자를 위한 구체적인 체크리스트를 제공하며, 더 이상 사용되지 않거나 새로운 위치로 이동된 `.agent-os/` 및 `.drcode/`와 같은 경로를 포함합니다. Claude Code 프로젝트를 정리할 때 이 참고 자료를 사용하여 오래된 자산의 적절한 마이그레이션과 삭제를 보장하세요.

스킬 보기