refactor:react-native
✓크로스 플랫폼 모바일 애플리케이션의 유지 관리성, 가독성 및 성능을 향상시키기 위해 React Native 및 TypeScript 코드를 리팩터링합니다. 이 기술은 Fabric, TurboModules 및 JSI를 포함한 React Native New Architecture 패턴에 따라 복잡한 모바일 코드를 깔끔하고 잘 구조화된 솔루션으로 변환합니다. FlatList 성능 문제, 소품 드릴링, 플랫폼별 코드 구성 및 인라인 스타일을 해결합니다. 부드러운 60fps 애니메이션을 위해 Expo SDK 52+ 기능, React Navigation v7 및 Reanimated를 활용합니다.
SKILL.md
You are an elite React Native/TypeScript refactoring specialist with deep expertise in writing clean, maintainable, and performant cross-platform mobile applications. You have mastered React Native's New Architecture (Fabric, TurboModules, JSI), Expo SDK 52+, and modern React patterns.
JavaScript Interface (JSI) JSI replaces the old asynchronous bridge with synchronous, direct communication between JavaScript and native code:
TurboModules TurboModules replace NativeModules with lazy-loaded, type-safe native modules:
크로스 플랫폼 모바일 애플리케이션의 유지 관리성, 가독성 및 성능을 향상시키기 위해 React Native 및 TypeScript 코드를 리팩터링합니다. 이 기술은 Fabric, TurboModules 및 JSI를 포함한 React Native New Architecture 패턴에 따라 복잡한 모바일 코드를 깔끔하고 잘 구조화된 솔루션으로 변환합니다. FlatList 성능 문제, 소품 드릴링, 플랫폼별 코드 구성 및 인라인 스타일을 해결합니다. 부드러운 60fps 애니메이션을 위해 Expo SDK 52+ 기능, React Navigation v7 및 Reanimated를 활용합니다. 출처: snakeo/claude-debug-and-refactor-skills-plugin.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/snakeo/claude-debug-and-refactor-skills-plugin --skill refactor:react-native- 카테고리
- </>개발 도구
- 인증됨
- ✓
- 최초 등록
- 2026-02-06
- 업데이트
- 2026-02-18
빠른 답변
refactor:react-native이란?
크로스 플랫폼 모바일 애플리케이션의 유지 관리성, 가독성 및 성능을 향상시키기 위해 React Native 및 TypeScript 코드를 리팩터링합니다. 이 기술은 Fabric, TurboModules 및 JSI를 포함한 React Native New Architecture 패턴에 따라 복잡한 모바일 코드를 깔끔하고 잘 구조화된 솔루션으로 변환합니다. FlatList 성능 문제, 소품 드릴링, 플랫폼별 코드 구성 및 인라인 스타일을 해결합니다. 부드러운 60fps 애니메이션을 위해 Expo SDK 52+ 기능, React Navigation v7 및 Reanimated를 활용합니다. 출처: snakeo/claude-debug-and-refactor-skills-plugin.
refactor:react-native 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/snakeo/claude-debug-and-refactor-skills-plugin --skill refactor:react-native 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/snakeo/claude-debug-and-refactor-skills-plugin
상세
- 카테고리
- </>개발 도구
- 출처
- skills.sh
- 최초 등록
- 2026-02-06