Claude 대화용 다중 컴포넌트 React 아티팩트를 생성하려면 복잡한 번들링과 구성이 필요합니다. 이 스킬은 React 18, TypeScript, Tailwind CSS, 40개 이상의 shadcn/ui 컴포넌트로 프로젝트 설정을 자동화한 후, 모든 것을 단일 HTML 파일로 번들링합니다.

성능이 뛰어난 React 애플리케이션을 구축하려면 복잡한 최적화 패턴을 이해해야 합니다. 이 스킬은 AI 가 최적의 성능을 위해 React 및 Next.js 코드를 작성, 검토, 리팩토링할 수 있도록 안내하는 Vercel 엔지니어링 팀의 45 가지 우선순위 규칙을 제공합니다.

코드 작성 후에 테스트를 작성하면 잘못된 신뢰와 놓친 엣지 케이스로 이어집니다. 이 스킬은 TDD 규율을 강제합니다: 먼저 실패하는 테스트를 작성한 다음, 이를 통과하기 위한 최소한의 코드만 구현합니다.

개발자는 구현에 너무 가까이 있기 때문에 자신의 코드에서 문제를 놓치는 경우가 많습니다. 이 스킬은 AI 서브에이전트를 투입하여 병합 전 코드 변경사항을 요구사항에 따라 검토하고, 품질, 아키텍처, 테스트, 프로덕션 준비 상태를 확인합니다.

이 스킬은 hreflang 태그, 로케일 설정, 번역 파일, 국제 시장용 SEO 최적화를 포함하여 Next.js 웹사이트에 다국어 지원을 추가하는 작업을 자동화합니다.

디버깅할 때마다 같은 문제를 반복해서 해결하지 마세요. 이 스킬은 ChatCrystal 메모리에서 과거 수정 사항과 근본 원인을 기억하여, 지난 디버깅 세션을 활용하여 실패하는 테스트, 컴파일러 오류 및 런타임 예외를 더 빠르게 진단할 수 있도록 도와줍니다.

효과적인 MCP 서버를 구축하려면 프로토콜 사양, SDK 패턴 및 테스트 전략에 대한 이해가 필요합니다. 이 기술은 Python과 TypeScript로 고품질 MCP 서버를 구축하고 도구 효과를 검증하기 위한 평가 프레임워크를 제공하는 포괄적인 가이드를 제공합니다.

코드 중복은 유지보수 악梦과 일관성 없는 동작을 초래합니다. 이 스킬은 반복을 제거하고 코드 품질을 향상시키기 위해 식별, 추상화, 교체, 검증의 체계적인 4단계 프로세스를 안내합니다.

린트 실패는 코드 리뷰를 늦추고 배포를 차단합니다. 이 스킬은 프로젝트 린트 워크플로우를 실행하고 코드 동작을 변경하지 않으면서 수정 사항을 안내합니다.

브라우저 확장 프로그램 프로젝트는 종종 크로스 브라우저 호환성과 적절한 국제화 설정에서 어려움을 겪습니다. 이 스킬은 적절한 i18n 구조와 함께 Chrome, Firefox, Edge를 지원하는 WXT 기반 확장 프로그램 개발을 위한 명확한 가이드를 제공합니다.

브라우저 userscript를 개발하려면 메타데이터 블록, GM API, Tampermonkey와 ScriptCat 간의 런타임별 차이점을 이해해야 합니다. 이 스킬은 적절한 권한과 모범 사례를 갖춘 userscript 생성, 디버깅, 게시에 대한 구조화된 안내를 제공합니다.

코드 검토는 배포 전에 버그를 발견하지만 시간이 많이 소요됩니다. 이 스킬은 구조화된 체크리스트, 보안 패턴 및 MERN 스택 검토를 위한 모범 사례를 제공하여 중요한 것이 누락되지 않도록 합니다.

백엔드 테스트 작성은 상당한 시간이 필요하며 테스트 프레임워크에 대한 지식이 요구됩니다. 이 스킬은 코드 구조를 분석하고 테스트 설정을 감지하여 성공 경로, 오류 케이스, 엣지 케이스를 포괄하는 종합적인 테스트를 생성합니다.

복잡한 Next.js 애플리케이션 디버깅에는 라우트, 컴포넌트 및 빌드 구성을 검사해야 합니다. 이 스킬은 개발 환경에서 직접 라우트 나열, 컴포넌트 검사 및 빌드 정보를 확인할 수 있는 MCP 기반 도구를 제공합니다.

외부 서비스를 위한 MCP 서버 생성에는 프로토콜 사양, 도구 설계 패턴 및 평가 방법론에 대한 이해가 필요합니다. 이 가이드는 도구 설계, 인증, 오류 처리 및 모범 사례와 함께 Python 및 TypeScript에서 프로덕션 품질의 MCP 서버를 구축하기 위한 포괄적인 지침을 제공합니다.

ChatKit 챗봇 구축에는 여러 기술(FastAPI, OpenAI Agents SDK, MCP 도구)을 적절한 보안 패턴과 통합해야 합니다. 이 스킬은 사용자 격리와 실시간 기능을 갖춘 프로덕션 준비가 된 챗봇 생성을 위한 완전한 아키텍처 가이드를 제공합니다.

코드를 작성한 후 테스트를 하면 취약한 코드베이스가 되고 버그를 놓치게 됩니다. 이 스킬은 구조화된 TDD 워크플로, 테스트 패턴, Playwright 자동화를 제공하여 코드를 작성하기 전에 유지 관리 가능한 테스트를 작성하고, 버그를 조기에 발견하며, 소프트웨어에 대한 확신을 구축하는 데 도움이 됩니다.

이 스킬은 개발자들이 Python 프로젝트에서 테스트 주도 개발 관행을 따르도록 돕습니다. Red-Green-Refactor 주기, pytest 구성 및 테스트 품질 감사를 안내합니다.

셸 스크립트는 종종 오류 처리가 누락되어 자동으로 실패하거나 예측 불가능한 동작을 합니다. 이 스킬은 적절한 오류 처리, 안전한 변수 확장 및 모듈식 코드 구조를 포함한 강력한 bash 및 zsh 스크립팅을 위한 실전에서 검증된 패턴을 제공합니다.

종속성이 있는 독립형 Python 스크립트를 작성하려면 수동으로 설정하고 구성해야 합니다. 이 스킬은 바로 실행 가능한 PEP 723 인라인 메타데이터, 자동 종속성 관리 및 적절한 CLI 인수 구문 분석이 포함된 스크립트를 생성합니다.