수동 코드 포맷팅은 시간이 걸리며 코드베이스 전반에 걸쳐 일관성 없는 스타일을 만들어냅니다. 이 스킬은 Black 포맷팅, isort 임포트 정렬, Ruff 린팅 수정을 자동으로 적용하여 코드를 깔끔하고 일관되게 유지합니다.

테스트 커버리지 분석은 테스트되지 않은 코드 경로를 식별하고 작성해야 할 특정 테스트를 추천합니다. 이 스킬은 개발자가 80% 커버리지 목표를 달성하고 코드 품질을 개선하는 데 도움이 되는 실행 가능한 인사이트를 제공합니다.

개발자들은 프로젝트 전반에 걸쳐 일관된 테스트 관행을 구현하는 데 어려움을 겪습니다. 이 스킬은 명확한 커버리지 목표와 모범 사례를 갖춘 Vitest와 Playwright를 사용한 단위 테스트, 통합 테스트 및 E2E 테스트에 대한 체계적인 가이드를 제공합니다.

수동 코드 품질 검사는 개발 속도를 늦추고 버그가 빠져나가게 만듭니다. 이 스킬은 모든 커밋이나 배포 전에 린팅, 타입 검사, 테스트, 보안 감사을 자동으로 실행합니다.

느린 Next.js 애플리케이션은 사용자 경험과 SEO 순위에 악영향을 미칩니다. 이 스킬은 앱을 분석하고 Core Web Vitals, 번들 크기, 렌더링 전략에 대한 구체적인 최적화를 제공합니다.

익숙하지 않은 코드베이스를 이해하는 데는 상당한 시간과 노력이 필요합니다. 이 스킬은 프로젝트 구조, 기술 스택, 의존성 및 코드 품질 지표를 체계적으로 분석하여 온보딩 및 의사결정을 가속화합니다.

이 스킬은 ASP.NET Core 백엔드 서비스 구축을 위한 표준화된 규칙을 제공합니다. 일관되고 유지보수 가능한 코드베이스를 위한 아키텍처 패턴, 엔티티 설계, 데이터베이스 작업, 매니저 패턴, DTO 매핑 및 컨트롤러 모범 사례를 다룹니다.

이 스킬은 Perigon WebApp을 위한 표준화된 Angular 21+ 개발 컨벤션을 제공합니다. 컴포넌트 아키텍처, 신호 기반 상태 관리, Material Design 통합을 다루어 개발자가 일관되고 현대적인 코드를 유지할 수 있도록 돕습니다.

에이전트 시스템은 프롬프트 엔지니어링으로 해결할 수 없는 실패를 일으키는 잘못 설계된 도구로 어려움을 겪습니다. 이 스킬은 에이전트가 이해하고, 올바르게 선택하며, 신뢰할 수 있게 사용할 수 있는 도구 API를 만들기 위한 검증된 패턴을 제공합니다.

임의의 수정은 시간만 낭비하고 새로운 버그를 만들어냅니다. 이 스킬은 수정 사항을 제안하기 전에 항상 근본 원인을 찾는 4단계 디버깅 프로세스를 적용하여 증상 수준의 패치와 아키텍처上的 채무를 방지합니다.

처음부터 AI 에이전트를 구축하려면 비동기 패턴, 도구 통합 및 다중 에이전트 핸드오프에 대한 이해가 필요합니다. 이 기술은 프로덕션 수준의 스캐폴딩 패턴을 제공하여 에이전트 로직에 집중할 수 있게 해줍니다.

사용자들은 AI 응답이 토큰별로 스트리밍될 때 실시간으로 업데이트되는 반응형 채팅 인터페이스를 구축하는 데 어려움을 겪습니다. 이 스킬은 수명주기 핸들러, 진행률 표시기, 클라이언트 사이드 이펙트를 위한 코드 패턴을 제공하여 원활한 스트리밍 경험을 만들어냅니다.

프로덕션 백엔드를 올바른 패턴으로 만들려면 여러 문서 소스에 걸친 조사가 필요합니다. 이 스킬은 FastAPI, SQLModel, Dapr pub/sub, JWT 인증을 위한 바로 사용할 수 있는 코드 패턴을 제공하므로 즉시 개발을 시작할 수 있습니다.

Next.js 개발에는 라우트, 컴포넌트, 빌드 구성에 대한 가시성이 필요합니다. 이 스킬은 MCP 기반 도구를 제공해 Next.js 앱 구조를 검사하고 라우팅 문제를 디버그하며, AI 어시스턴트에서 직접 빌드 설정을 확인할 수 있습니다.

프론트엔드 개발자들은 애플리케이션 전체에서 타입 안전성을 보장하기 위해 일관된 TypeScript 타입 정의가 필요합니다. 이 스킬은 백엔드 API 응답과 일치하는 타입을 생성하기 위한 패턴과 규칙을 제공합니다.

잘못된 패턴으로 Next.js 컴포넌트를 만들면 성능 문제, 하이드레이션 오류, खराब한 사용자 경험으로 이어집니다. 이 스킬은 서버 및 클라이언트 컴포넌트 패턴, 접근성 준수, React 베스트 프랙티스를 제공하여 효율적이고 접근 가능한 프런트엔드 컴포넌트를 구축하도록 돕습니다.

부드러운 애니메이션으로 매력적인 사용자 인터페이스를 만듭니다. 이 스킬은 React 및 Next.js 애플리케이션에서 호버 효과, 페이지 전환, 스크롤 애니메이션, 복잡한 제스처 상호작용을 위한 즉시 사용 가능한 코드 패턴을 제공합니다.

컨텍스트 제한으로 인해 예상치 못한 AI 동작과 높은 비용이 발생합니다. 이 스킬은 점진적 공개(Progressive Disclosure)와 주의 인식 배치(Attention-Aware Placement)와 같은 검증된 패턴을 사용하여 에이전트 시스템의 컨텍스트를 설계하고 예산을 책정하며 최적화하는 방법을 알려줍니다.

잘 설계된 도구를 통해 Claude 및 기타 LLM이 외부 API 및 서비스와 상호작용할 수 있는 MCP 서버를 생성합니다. 이 가이드는 인증, Docker 배포 및 테스트 패턴이 포함된 Python FastMCP 및 TypeScript MCP SDK 구현을 다룹니다.

Next.js 16은 일반적인 실수를 유발하는 주요 변경 사항을 도입합니다. 이 스킬은 비동기 params, 서버 액션, 레이아웃 및 미들웨어에 대한 올바른 패턴을 제공합니다. 빌드 실패를 방지하고 독특한 프론트엔드 디자인을 구현하는 데 사용하세요.