react-testing
안전 77신뢰할 수 있는 React 테스트 구축
작성자 CJHarmath
React 테스트 스위트는 async state, providers, mocks를 일관되지 않게 처리할 때 자주 불안정해집니다. 이 스킬은 Claude, Codex, Claude Code가 집중도 높은 React 테스트를 작성할 수 있도록 실용적인 패턴을 제공합니다.
좋아하는 스킬을 재사용 가능한 컬렉션으로 묶고, 명령 하나로 설치하세요.
신뢰할 수 있는 React 테스트 구축
작성자 CJHarmath
React 테스트 스위트는 async state, providers, mocks를 일관되지 않게 처리할 때 자주 불안정해집니다. 이 스킬은 Claude, Codex, Claude Code가 집중도 높은 React 테스트를 작성할 수 있도록 실용적인 패턴을 제공합니다.
신뢰할 수 있는 React 상태 흐름 설계
작성자 CJHarmath
복잡한 React 흐름은 누락된 await, 숨겨진 전환, 취약한 오류 상태 때문에 실패하는 경우가 많습니다. 이 스킬은 명시적인 상태 설계, 검증, UI 피드백, 통합 테스트를 안내합니다.
React 애플리케이션 성능 최적화
작성자 CJHarmath
React 앱은 렌더링, 목록, 번들, 이미지, 무거운 연산이 눈에 띄지 않게 늘어나면서 느려질 수 있습니다. 이 스킬은 이러한 비용을 진단하고 줄이는 실용적인 패턴을 제공합니다.
React 관찰 가능성 개선
작성자 CJHarmath
React 실패는 조용한 반환과 약한 오류 메시지 뒤에 숨어 있는 경우가 많습니다. 이 스킬은 Claude, Codex, Claude Code에 로그, 추적, 더 안전한 진단을 위한 실용적인 패턴을 제공합니다.
React 비동기 버그 수정
작성자 CJHarmath
비동기 React 버그는 경합 조건, 누락된 상태 업데이트, 신뢰할 수 없는 effect를 만듭니다. 이 스킬은 더 안전한 비동기 코드를 위한 리뷰, 수정, lint 규칙을 안내합니다.
Python Async 코드를 안정적으로 테스트하기
작성자 CJHarmath
Async Python 테스트는 조용히 실패하거나, 데이터베이스 상태를 누수하거나, await된 동작을 놓칠 수 있습니다. 이 스킬은 fixture, mock, HTTP 클라이언트, 전체 플로우 테스트를 위한 pytest-asyncio 패턴을 제공합니다.
비동기 SQLModel 패턴 적용
작성자 CJHarmath
SQLModel 비동기 프로젝트는 지연 로딩, 스키마 드리프트, 세션 실수로 인해 실패하는 경우가 많습니다. 이 스킬은 모델, 쿼리, 관계, ORM 디버깅에 대한 집중적인 패턴을 제공합니다.
Pydantic v2 모델을 올바르게 빌드하기
작성자 CJHarmath
Pydantic v1 습관은 유효성 검사 및 직렬화 결함을 일으킬 수 있습니다. 이 스킬은 schemas, validators, configuration, unions, serialization을 위한 Pydantic v2 패턴을 제공합니다.
안정적인 FastAPI API 패턴 구축
작성자 CJHarmath
FastAPI 프로젝트는 라우트, 응답, 스키마가 일관성 없이 흐르기 쉽습니다. 이 스킬은 엔드포인트, 유효성 검사, 오류, 미들웨어, OpenAPI를 위한 실용적인 패턴을 제공합니다.
신뢰할 수 있는 Python Async 서비스 구축
작성자 CJHarmath
Async Python 코드는 세션을 누수하거나, 응답을 차단하거나, 부하 상황에서 deadlock을 일으킬 수 있습니다. 이 스킬은 더 안전한 async 데이터베이스 작업을 위한 FastAPI 및 SQLAlchemy 패턴을 제공합니다.
더 안전한 Alembic 마이그레이션 검토
작성자 CJHarmath
Alembic autogenerate는 데이터를 잃거나 테이블을 잠그는 마이그레이션을 생성할 수 있습니다. 이 스킬은 더 안전한 스키마 변경, 검토, 테스트, 프로덕션 배포를 위한 실용적인 PostgreSQL 패턴을 제공합니다.
복원력 있는 React UI 상태 구축
작성자 ChrisWiles
React 인터페이스는 명확한 로딩, 오류, 빈 상태, 제출 상태를 보여주지 못하는 경우가 많습니다. 이 스킬은 예측 가능한 비동기 UI 동작을 위한 실용적인 패턴을 제공합니다.
이 변형이 1위인 이유
chriswiles-react-ui-patterns
2026-09-09
생성된 타입으로 GraphQL Operations 만들기
작성자 ChrisWiles
GraphQL client 작업에서는 중복 operations, 약한 error handling, 오래된 generated types가 자주 발생합니다. 이 skill은 일관된 .gql 파일, Apollo generated hooks, codegen 단계, mutation UI safeguard를 안내합니다.
신뢰할 수 있는 Formik 폼 구축
작성자 ChrisWiles
Formik 폼은 검증, 오류 표시, submit-state 로직이 반복되는 경우가 많습니다. 이 스킬은 재사용 가능한 필드, Yup 스키마, GraphQL 제출, 편집 폼, 다단계 흐름을 위한 간결한 패턴을 제공합니다.
일관된 코어 UI 컴포넌트 구축
작성자 ChrisWiles
일관되지 않은 UI 컴포넌트는 제품 개발 속도를 늦추고 시각적 드리프트를 유발합니다. 이 스킬은 Claude, Codex, Claude Code가 공유 토큰, 레이아웃, 컴포넌트 패턴을 사용하도록 안내합니다.
Repo Maps로 코드 탐색하기
작성자 ChipFlow
대규모 리포지토리에서는 심볼 조회가 느리고 반복적입니다. 이 스킬은 프로젝트 심볼을 인덱싱하고 관련 코드 컨텍스트를 빠르게 검색하는 repo-map MCP 도구를 추가합니다.
워터폴 Phase Gate 적용
작성자 Chemiseblanc
압박이 커지면 AI 코딩 세션은 요구사항, 설계 또는 테스트를 건너뛸 수 있습니다. 이 스킬은 문서화된 게이트가 있는 엄격한 워터폴 흐름 안에서 작업을 유지합니다.
더 나은 Git 커밋 메시지 작성
작성자 Chemiseblanc
일관성 없는 커밋 메시지는 리뷰와 릴리스 노트를 훑어보기 어렵게 만듭니다. 이 스킬은 명확한 72컬럼 본문을 갖춘 간결한 Conventional Commit 요약을 형식화합니다.
Remix Redis 캐싱 워크플로 구축
작성자 ChaseWNorton
Remix 앱에는 취약한 무효화 로직 없이 캐시 신선도가 필요합니다. 이 스킬은 Redis 기반 캐시, SSE 재검증, TTL 선택, 테스트를 안내합니다.
멀티 에이전트 아키텍처 설계
작성자 ChakshuGautam
하나의 컨텍스트 창이 모든 작업을 담고 있으면 복잡한 에이전트 작업은 실패할 수 있습니다. 이 스킬은 Claude, Codex, Claude Code가 명확한 인수인계를 갖춘 에이전트 시스템을 설계하도록 돕습니다.
이 변형이 1위인 이유
chakshugautam-multi-agent-patterns
2026-09-09
muratcankoylan-multi-agent-patterns
2026-09-09
asmayaseen-multi-agent-patterns
2026-10-25