1035 스킬들
📦

rn-state-flows

낮은 위험 68

React Native에서 복잡한 상태 흐름 설계하기

작성자 CJHarmath

React Native의 복잡한 다단계 작업은 순서 관련 버그와 테스트되지 않은 엣지 케이스에 취약합니다. 이 스킬은 상태 전환 모델링, 검증된 흐름 단계 구현, UI에 흐름 상태 노출을 위한 패턴을 제공합니다.

Claude Codex Code(CC)
설치

rn-performance

안전 69

React Native 성능 최적화

작성자 CJHarmath

React Native 앱은 종종 스크롤 지연, 불필요한 재렌더링, 느린 목록 성능 문제를 겪습니다. 이 스킬은 FlatList 최적화, 메모이제이션, 상태 관리를 위한 검증된 패턴을 제공하여 성능 병목 현상을 제거합니다.

Claude Codex Code(CC)
설치
👁️

rn-observability

안전 69

React Native에 관찰성 추가

작성자 CJHarmath

조용한 실패는 디버깅 악몽을 만듭니다. 로깅 패턴, 오류 메시지 설계, 구조화된 디버깅 기법을 사용하여 프로덕션 문제를 빠르게 진단하세요.

Claude Codex Code(CC)
설치
🔐

rn-auth

안전 70

Expo 앱에서 React Native 인증 구현하기

작성자 CJHarmath

React Native 인증은 OAuth 플로우, 안전한 토큰 저장, 세션 관리를 신중하게 처리해야 합니다. 이 스킬은 Google 로그인, SecureStore를 사용한 토큰 저장, Expo Router를 사용한 보호된 라우트, 백엔드 통합을 구현하기 위한 검증된 패턴을 제공합니다.

Claude Codex Code(CC)
설치

rn-async-patterns

안전 69

React Native 비동기 문제 디버깅

작성자 CJHarmath

React Native 앱의 비동기 버그는 개발 환경에서는 작동하지만 부하가 걸리면 실패하는 경우가 많습니다. 이 스킬은 Zustand 기반 상태 관리에서 경쟁 조건, 부유 프로미스, 비동기 타이밍 문제를 감지하고 수정하는 패턴을 제공합니다.

Claude Codex Code(CC)
설치
⚛️

react-zustand-patterns

안전 70

Zustand 상태 관리 패턴 적용

작성자 CJHarmath

Zustand의 단순함은 미묘한 버그를 유발하는 타이밍 복잡성을 숨기고 있습니다. 동기적 set() 동작, 오래된 클로저 방지, 비동기 액션, 셀렉터 최적화 패턴을 학습하여 신뢰할 수 있는 React 상태 관리 코드를 작성하세요.

Claude Codex Code(CC)
설치
🧪

react-testing

안전 69

Jest와 Testing Library로 React 테스트 작성하기

작성자 CJHarmath

React 컴포넌트를 테스트하려면 컴포넌트 렌더링, 사용자 상호작용, 비동기 상태 관리에 대한 이해가 필요합니다. 이 스킬은 컴포넌트, 스토어, 훅, 비동기 작업에 대한 신뢰할 수 있는 테스트를 작성하는 데 도움이 되는 Jest 및 React Testing Library용 바로 사용 가능한 패턴을 제공합니다.

Claude Codex Code(CC)
설치
🔄

react-state-flows

안전 69

복잡한 React 상태 흐름 구현

작성자 CJHarmath

비동기 종속성이 있는 다중 단계 React 작업은 순서 버그와 사전 조건 누락이 발생하기 쉽습니다. 이 기술은 React 웹 및 React Native 응용 프로그램에서 강력한 상태 시스템 패턴을 구현하기 위한 패턴과 체크리스트를 제공합니다.

Claude Codex Code(CC)
설치
📦

react-performance

안전 69

React 애플리케이션 성능 최적화

작성자 CJHarmath

React 애플리케이션은 불필요한 리렌더링과 느린 리스트 렌더링으로 인해 사용자 경험이 저하되는 경우가 많습니다. 이 스킬은 메모이제이션, 가상화, 코드 분할 및 성능 프로파일링에 대한 전문 패턴을 제공하여 빠르고 반응성 높은 React 애플리케이션을 구축할 수 있도록 지원합니다.

Claude Codex Code(CC)
설치
📦

react-observability

안전 70

스마트 로깅으로 관찰 가능한 React 애플리케이션 구축하기

작성자 CJHarmath

조용한 실패는 디버깅을 불가능하게 만듭니다. 이 스킬은 구조화된 로깅, 맥락적 오류 메시지, 프로덕션 준비 디버깅 패턴을 통해 내장된 관찰 가능성을 갖춘 React 코드를 작성하는 방법을 가르칩니다.

Claude Codex Code(CC)
설치

react-async-patterns

안전 69

React 비동기 버그 수정 - 검증된 패턴

작성자 CJHarmath

React의 비동기 버그는 개발 환경에서는 작동하지만 부하 상태에서 실패하는 경우가 많습니다. 이 스킬은 부동 프로미스, 레이스 컨디션, Zustand와 React Query를 사용한 비동기 타이밍 이슈에 대한 검증된 패턴을 제공합니다.

Claude Codex Code(CC)
설치
🔄

py-testing-async

안전 69

pytest로 비동기 테스트 작성

작성자 CJHarmath

비동기 테스트는 동기 코드와 다른 특정 패턴이 필요합니다. 이 기술은 pytest-asyncio 설정, 비동기 픽스처, 비동기 함수 모킹, 데이터베이스 테스트 격리를 바로 사용할 수 있는 패턴을 제공합니다.

Claude Codex Code(CC)
설치
🗄️

py-sqlmodel-patterns

안전 69

비동기 데이터베이스를 위한 SQLModel 패턴 작성

작성자 CJHarmath

SQLModel은 Pydantic과 SQLAlchemy를 결합하여 모델과 스키마에 대한 혼란을 만듭니다. 비동기 SQLAlchemy는 동기식과는 다른 규칙이 있습니다. 이 스킬은 즉시 로딩, 관계, 세션 및 일반적인 데이터베이스 작업을 위한 검증된 패턴을 제공합니다.

Claude Codex Code(CC)
설치
🐍

py-fastapi-patterns

안전 70

FastAPI 모범 사례 적용

작성자 CJHarmath

FastAPI로 API를 구축하려면 의존성 주입, 응답 모델, OpenAPI 스키마 설계를 이해해야 합니다. 이 스킬은 일반적인 버그를 예방하고 프론트엔드 팀의 개발자 경험을 개선하는 검증된 패턴을 제공합니다.

Claude Codex Code(CC)
설치

py-async-patterns

안전 70

Python 비동기 패턴 적용

작성자 CJHarmath

비동기 Python 코드는 종종 레이스 컨디션, 세션 누수, 커넥션 풀 문제를 겪습니다. 이 스킬은 FastAPI와 SQLAlchemy를 위한 검증된 패턴을 제공하여 흔한 비동기 함정을 예방합니다.

Claude Codex Code(CC)
설치
🗄️

py-alembic-patterns

안전 70

PostgreSQL을 위한 안전한 Alembic 마이그레이션 작성

작성자 CJHarmath

데이터베이스 마이그레이션은 잘못 수행될 경우 데이터 손실이나 다운타임을 유발할 수 있습니다. 이 스킬은 Alembic 마이그레이션을 생성, 검토 및 안전하게 적용하기 위한 검증된 패턴을 제공합니다.

Claude Codex Code(CC)
설치
📱

expo-build-deploy

낮은 위험 68

Expo iOS 앱 빌드 및 배포

작성자 CJHarmath

Expo iOS 빌드는 EAS Build, 인증서, TestFlight의 복잡한 구성이 필요합니다. 이 스킬은 빌드 구성, TestFlight 제출, 일반적인 문제 해결을 위한 단계별 가이드를 제공합니다.

Claude Codex Code(CC)
설치
🧪

testing-patterns

안전 69

Jest 패턴으로 깔끔한 테스트 작성하기

작성자 ChrisWiles

테스트가 일관성이 없거나, 지나치게 복잡하거나, 구현 세부사항을 테스트할 때 유지보수가 어려워집니다. 이 스킬은 팩토리 함수, 모킹 전략, TDD 워크플로우에 대한 검증된 Jest 패턴을 제공합니다.

Claude Codex Code(CC)
설치
🔍

systematic-debugging

안전 69

근본 원인 분석을 통한 디버깅

작성자 ChrisWiles

체계적인 접근 없이 디버깅하면 근본 문제를 숨기는 증상 중심의 패치로 이어집니다. 이 스킬은 수정 사항을 적용하기 전에 문제를 추적하는 4단계 방법론을 적용하여 더 높은 품질의 솔루션을 제공합니다.

Claude Codex Code(CC)
설치
📦

react-ui-patterns

안전 69

현대적 패턴으로 React UI 구축

작성자 ChrisWiles

React 애플리케이션은 로딩 상태, 오류 처리, 빈 상태 처리에서 어려움을 겪어 사용자 경험이 저하됩니다. 이 기술은 UI 상태 관리, 폼 제출, 비동기 데이터 가져오리를 위한 검증된 패턴을 제공합니다.

Claude Codex Code(CC)
설치