Claude, Codex 및 Claude Code용 AI 스킬

Vue 애플리케이션 구축 시 컴포넌트 간 예측 가능한 상태 관리가 필요합니다. Pinia는 상태, 게터 및 액션을 위한 타입 안전하고 직관적인 API를 제공합니다. 이 스킬은 확장 가능한 Vue 상태 관리 패턴 구축을 위한 포괄적인 참조를 제공합니다.

Node.js 종속성을 수동으로 관리하면 시간이 많이 소요되고 오류가 발생하기 쉽습니다. pnpm 스킬은 Claude에게 pnpm 명령어, 워크스페이스 구성, 카탈로그, 패치, 오버라이드, 그리고 monorepo 워크플로우에 대한 광범위한 지식을 제공합니다.

전체 스택 Vue 애플리케이션을 개발하려면 서버 사이드 렌더링, 파일 기반 라우팅, 그리고 Nuxt 모듈 생태계를 이해해야 합니다. 이 스킬은 Nitro 서버 엔진을 사용하여 프로덕션에 배포할 수 있는 완벽한 Nuxt 애플리케이션을 구축하는 것에 대한 포괄적인 문서를 제공합니다.

프로젝트에서 팀원들 간의 일관된 도구와 구성이 부족한 경우가 종종 있습니다. 이 스킬은 Anthony Fu의 의견이 담긴 모범 사례를 제공하며, TypeScript, ESLint, Vitest 및 CI/CD 구성을 포함하여 모든 웹 프로젝트에서 일관된 코드 품질과 개발자 경험을 보장합니다.

분기별 로드맵과 스프린트 용량 관리는 복잡하고 시간이 많이 소요됩니다. 이 스킬은 에픽을 마일스톤으로 분해하고, 업계 표준 모델을 사용하여 용량을 추정하며, 협업 계획 워크플로우를 생성하는 전문적인 가이드를 제공합니다.

수동으로 로드맵을 ClickUp과 동기화하는 것은 시간이 많이 들고 오류가 발생하기 쉽습니다. 이 스킬은 로컬 계획 파일과 ClickUp 태스크 간의 양방향 동기화에 ClickUp MCP를 사용하는 방법에 대한 전문적인 안내를 제공합니다.

Blazor 컴포넌트 테스트는 Playwright로 TUnit을 실행해야 합니다. 이 스킬은 테스트 실행, 이름별 필터링, 디버그 모드 실행, 보고서 생성을 위한 명령을 제공합니다.

Blazor 구성 요소는 정적 렌더링과 인터랙티브 모드에서 서로 다른 동작이 필요합니다. 이 스킬은 RendererInfo를 사용해 렌더링 컨텍스트를 감지하고, 프리렌더링 중 입력을 비활성화하며, 상호작용 여부에 따라 콘텐츠를 조건부로 렌더링하는 방법에 대한 문서와 코드 예제를 제공합니다.

애니메이션된 UI 컴포넌트는 브라우저가 보이지 않는 요소에 대한 포커스 호출을 거부할 때 키보드 탐색이 깨질 수 있습니다. 이 스킬은 CSS 애니메이션이 완료된 후 포커스가 성공하도록 보장하는 재시도 메커니즘 패턴을 제공하여 애니메이션된 컴포넌트를 완전히 접근 가능하게 만듭니다.

다단계 개발 워크플로 관리는 여러 플러그인을 조정하고 상태 인식을 유지하는 것이 필요합니다. 이 스킬은 검증, 코드 리뷰, 커밋 생성, PR 생성을 인간 승인 게이트와 함께 응집된 워크플로로 연결하는 구조화된 파이프라인을 제공합니다.

Claude는 종종 검증 없이 코드가 작동한다고 주장합니다. 이 스킬은 완료를 주장하기 전에 실제 빌드 및 테스트 실행을 강제하여 거짓 긍정을 제거하고 신뢰할 수 있는 코드 제공을 보장합니다.

OpenTelemetry 의미론적 규칙, 수집기 구성 또는 계측 패턴으로 고민하고 계신가요? 이 스킬은 번들된 OTel 문서에서 즉각적인 답변을 제공하여 여러 문서를 검색하지 않고도 적절한 트레이스, 스팬, 메트릭 및 로그를 구현하는 것을 도와드립니다.

Claude는 심층 분석이 필요한 매우 복잡한 문제에서 어려움을 겪을 수 있습니다. 이 스킬은 응답에서 어려움을 나타내는 신호를 모니터링하고 품질이 저하되기 전에 심층 사고 에이전트로의 사전 에스컬레이션을 권장합니다.

.NET 프로젝트는 종종 유지 관리 문제를 일으키는 일관성 없는 빌드 패턴을 가지고 있습니다. 이 기술은 자동화된 린터를 실행하여 MSBuild 위반 및 Central Package Management 문제를 코드베이스에서 문제가 발생하기 전에 확인합니다.

이 템플릿은 새로운 Claude Code 스킬을 생성하기 위한 표준화된 구조를 제공합니다. 스킬 라이브러리 전반에 걸쳐 일관된 문서화, 명확한 활성화 트리거 및 재사용 가능한 워크플로 패턴을 보장합니다.

AI 어시스턴트는 학습 데이터가 오래되어 소프트웨어 버전, 릴리스 날짜 및 현재 상태에 대해 잘못된 답변을 자주 생성합니다. 이 스킬은 assertions.yaml과 WebSearch를 사용하여 추론 수준에서 검증을 강제하여 환각의 근본 원인을 방지합니다.

개발자들은 작업을 완료할 때 종종 지름길을 택합니다. 이 스킬은 경고 억제, 주석 처리된 테스트, 삭제된 단언문과 같은 무결성 위반이 있는 커밋을 차단하는 git pre-commit 훅을 제공합니다.

단일 관점의 검토는 문제점을 놓칠 수 있습니다. 이 스킬은 아키텍처 및 구현 검토자를 경쟁적으로 배치하여 더 많은 문제를 발견합니다. 경쟁적 프레임은 에이전트가 더 노력하게 만들어, 진행하기 전 더 심층적인 분석을 제공합니다.

이 스킬은 Claude가 적절한 CI 검증 없이 작업이 완료되었다고 주장하는 것을 방지합니다. 로컬 테스트 실행, 코드 커밋, GitHub Actions 통과 대기, 실패 분석을 거친 후 성공을 보고하도록 강제합니다.