981 스킬들
🧪

test-infrastructure

안전 66

실제 테스트 커버리지 구축

작성자 CleanExpo

팀들은 커버리지에는 포함되지만 버그는 잡지 않는 스텁 파일에 시간을 낭비합니다. 이 스킬은 실제 어설션을 포함하는 진정한 테스트를 생성하여 동작을 검증하고 프로덕션 이전에 회귀를 발견합니다.

Claude Codex Code(CC)
설치
🤖

new-agent-creation

안전 68

워크플로우를 위한 커스텀 AI 에이전트 만들기

작성자 CleanExpo

AI 에이전트를 처음부터 구축하는 것은 복잡하고 오류가 발생하기 쉽습니다. 이 스킬은 Unite-Hub 에이전트 생태계와 완벽하게 통합되는 프로덕션 준비가 된 템플릿을 제공하여 적절한 거버넌스, 테스트 및 멀티테넌트 격리를 보장합니다.

Claude Code(CC)
설치
🎨

frontend-agent

안전 68

React UI 컴포넌트 구축

작성자 CleanExpo

Next.js 애플리케이션을 위한 React 컴포넌트를 생성하고 수정합니다. shadcn/ui 패턴, 반응형 레이아웃, 디자인 시스템 가이드라인에 맞는 접근 가능한 사용자 인터페이스를 구현합니다.

Claude Code(CC)
설치
🔧

backend-agent

안전 68

워크스페이스 격리를 활용한 보안 백엔드 API 구축

작성자 CleanExpo

안전하지 않은 다중 테넌트 애플리케이션 구축을 멈추세요. 이 에이전트는 적절한 워크스페이스 격리, 인증, Supabase 데이터베이스용 행 수준 보안을 구현합니다.

Claude Codex Code(CC)
설치
🔌

api-endpoint-creation

안전 70

안전한 Next.js API 엔드포인트 생성

작성자 CleanExpo

멀티 테넌트 API 엔드포인트를 구축하려면 신중한 워크스페이스 격리와 인증이 필요합니다. 이 스킬은 Supabase 통합 및 적절한 워크스페이스 검증을 갖춘 Next.js 15+ API 라우트를 위한 즉시 사용 가능한 패턴을 제공합니다.

Claude Codex Code(CC)
설치
📦

claude-opus-4-5-migration

안전 72

Claude Opus 4.5로 마이그레이션

작성자 anthropics

이전 Claude 모델용으로 구축된 코드베이스는 Opus 4.5로 마이그레이션할 때 업데이트가 필요합니다. 이 스킬은 모델 문자열 업데이트,Deprecated 헤더 제거,원활한 전환을 위한 행동 조정 적용을 자동화합니다.

Claude Codex Code(CC)
설치
🧭

web-navigation

안전 69

웹 탐색 패턴 구현

작성자 CJHarmath

React 애플리케이션을 구축하려면 적절한 라우팅 및 탐색 패턴이 필요합니다. 이 스킬은 중첩 라우트, 동적 세그먼트, 프로그래밍 방식 탐색을 포함하여 React Router v6 및 Next.js App Router에 즉시 사용 가능한 코드 예제를 제공합니다.

Claude Codex Code(CC)
설치
⚛️

rn-zustand-patterns

안전 70

React Native용 Zustand 패턴 적용

작성자 CJHarmath

React Native에서 Zustand 상태 관리는 디버깅이 어려운 미묘한 타이밍 동작을 가집니다. 이 스킬은 동기식 set() 호출 처리, 비동기 작업에서 stale 클로저 방지, 신뢰할 수 있는 스토어 구독 구현을 위한 검증된 패턴을 제공합니다.

Claude Codex Code(CC)
설치
🧪

rn-testing

안전 71

Jest로 React Native 앱 테스트하기

작성자 CJHarmath

React Native 앱 테스트를 작성하려면 네이티브 모듈 모킹, 비동기 상태 처리, Zustand 스토어 테스트에 대한 이해가 필요합니다. 이 스킬은 안정적인 테스트 스위트를 위한 검증된 패턴과 코드 예제를 제공합니다.

Claude Codex Code(CC)
설치
📦

rn-state-flows

낮은 위험 69

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

작성자 CJHarmath

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

Claude Codex Code(CC)
설치

rn-performance

안전 70

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

안전 70

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

안전 70

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

안전 71

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

작성자 CJHarmath

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

Claude Codex Code(CC)
설치

react-async-patterns

안전 71

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

작성자 CJHarmath

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

Claude Codex Code(CC)
설치
📦

react-observability

안전 71

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

작성자 CJHarmath

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

Claude Codex Code(CC)
설치