web-artifacts-builder-performance
정보
이 성능 중심 하위 스킬은 웹 아티팩트 최적화를 위한 모범 사례를 제공합니다. 여기에는 의존성 최소화, CDN 활용, 지연 로딩, 이미지 최적화 가이드라인과 더불어 접근성 및 반응형 디자인 표준이 포함됩니다. 웹 컴포넌트를 구축할 때 이를 활용하면 빠르고 접근성이 우수하며 모바일 친화적인 결과를 보장할 수 있습니다.
빠른 설치
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-builder-performanceClaude Code에서 이 명령을 복사하여 붙여넣어 스킬을 설치하세요
GitHub 저장소
연관 스킬
legal-sanity-review
기타이 필수 워크플로우는 크로스 리뷰 전에 클라이언트 이름이나 전유권 참조 같은 법적 위험 요소를 코드에서 검사합니다. 위반 사항이 발견되면 리뷰 주기를 차단하며, 먼저 수정이 요구됩니다. PR 생성, 코드 포팅 또는 모든 크로스 리뷰 트리거에 사전 게이트로 활용하세요.
brainstorming
기타브레인스토밍 스킬은 반복적인 질문과 협업적 대화를 통해 초기 아이디어를 상세한 사양으로 전환합니다. 이는 개발자가 구현 전에 설계 옵션을 탐색하고 트레이드오프를 평가하며 공유된 이해를 형성하도록 돕습니다. 이를 통해 개념을 체계적으로 정제하여 실행 가능한 계획으로 발전시킴으로써 재작업을 방지합니다.
repo-cleanup-structure-section-updates
기타이 스킬은 정리 작업 후 저장소 구조 문서 업데이트를 처리합니다. 디렉토리 트리를 자동으로 업데이트하고, 삭제된 폴더에 대한 참조를 제거하며, `.claude/` 폴더나 통합된 스크립트와 같은 아키텍처 변경 사항을 문서화합니다. 저장소 재구성 후 README 파일의 구조 섹션을 정확하게 유지하려면 이 스킬을 사용하세요.
brainstorming-best-practices
기타이 Claude Skill은 효과적인 브레인스토밍 세션을 위한 구조화된 모범 사례를 제공하며, 필요 사항부터 시작하고 옵션을 검증하는 사용자 중심 접근법에 중점을 둡니다. 생산적인 협업을 유지하고 조기 해결책을 피하기 위한 명확한 "해야 할" 및 "하지 말아야 할" 지침을 제시합니다. 개발자는 브레인스토밍을 진행할 때 철저한 이해와 문서화된 결정을 보장하기 위해 이 참조 Skill을 활용해야 합니다.
