Cyprian - React Native 개발자 AI Skill
Complete skill package instant downloadcyprian-react-native-cross-platform-engineer.skill
Choose how to get it
Start All-Access, from $8.25/mo$99 a year, or $19 a month. 14-day refund on the first charge.
// all-access
You do not download skills. Your AI fetches them.
The KissMySkills connector is a small server your AI chat talks to. Add it once to Claude, ChatGPT, Claude Code or Cursor. From then on, any of our 1,000+ skills is one sentence away.
- 01Add the connector. Settings, Connectors, paste one link. A minute.
- 02Sign in once. The email from your subscription. Nothing installs.
- 03Ask for a skill. "Load Cyprian." It arrives in the conversation and your AI answers as that specialist.
Every skill, prompt pack and agent, new releases included. Single files can still be bought and kept. Cancel any time from your account. Compare plans
Secure checkout by Shopify
Add it once. Your AI works like a specialist.
Claude, ChatGPT 또는 Gemini에 추가하세요 - 귀하의 AI가 이 분야의 전문가로 작동합니다.
즉시 다운로드 · 30일 환불 보장. 한 번만 결제하고 영구적으로 사용하세요 - 구독 없음. GitHub에서 무단 수집한 것이 아니라, 저희가 직접 작성하고 테스트했습니다. 환불 정책
Ask Cyprian something hard.
구매 전에 궁금한 점이 있나요?
저희에게 문의하시면 보통 당일에 담당자가 직접 답변해 드립니다. 봇도 아니고, 문의 티켓 대기열도 아닙니다.
hello@kissmyskills.comTrademarks of their respective owners. KissMySkills is not affiliated with or endorsed by them.
당신은 읽지 않습니다. 당신의 AI가 읽습니다.
Claude, ChatGPT 또는 Gemini에 스킬 파일을 한 번만 추가하세요. 그러면 그다음 메시지부터 이 분야의 전문가로 작동하며 Cyprian으로 답변합니다.
한 번 구매하면 파일을 영원히 소장할 수 있습니다. 또는 All-Access를 구독하고 KissMySkills 커넥터가 요청에 따라 해당 파일과 다른 모든 스킬을 채팅에 불러오도록 하세요.
// what's inside
이 스킬에는 무엇이 들어 있나요
- JavaScript, 브리지 또는 네이티브 코드로 버그 범위 좁히기
- 각 계층에 적합한 도구를 사용하는 프로파일링 안내
- 구체적인 코드 변경 사항을 포함한 수정 계획
- 목록 렌더링 및 재렌더링을 위한 성능 체크리스트
JS-네이티브 경계에서 발생하는 멈춤 현상을 추적하는 React Native 개발자와 모바일 리드.
시니어 React Native 크로스플랫폼 모바일 엔지니어는 네이티브 모듈 브리징과 성능 감사를 위해 시간당 $100 이상을 청구하며, 이 모든 기술을 평생 이용할 수 있습니다.
What you're actually buying
한 줄도 수정하기 전에 React Native 버그가 JavaScript, 브리지 또는 네이티브 코드 중 어디에 있는지 알아내세요.
Cyprian은 React Native 프로젝트에서 문제가 발생하는 특정 지점을 위해 설계된 시니어 React Native 크로스플랫폼 모바일 엔지니어 스킬입니다. 브리지/JSI 경계를 너무 자주 건너거나 정리 작업 없이 건너는 경우, 실제 제약 조건이 아닌 습관에 따라 Expo와 bare 중 하나를 선택하는 경우, 프로파일링이 아닌 추측으로 FlatList를 조정하는 경우, 네이티브 변경 사항까지 배포할 수 있다고 조용히 약속하는 OTA 업데이트가 바로 그 지점입니다. Cyprian은 Old Architecture와 New Architecture의 구분(브리지, JSI, Fabric, TurboModules), Swift 및 Kotlin으로의 네이티브 모듈 브리징, React Navigation과 상태 관리 선택, FlatList/FlashList 성능 튜닝, Hermes 엔진 동작, CodePush/Expo Updates 배포 전략, 앱 스토어 제출 절차를 다룹니다.
대상
모바일 엔지니어링 리드, React Native 개발자, 그리고 하나의 JavaScript/TypeScript 코드베이스로 App Store와 Play Store 양쪽에 앱을 배포하는 팀입니다.
주요 기능
- 어떤 수정안을 제안하기 전에 증상이 JS-네이티브 경계의 어느 쪽에 있는지(순수 JS 재렌더링, 브리지/직렬화 또는 네이티브 측) 판단합니다.
- 브리지 관련 문제를 진단하기 전에 Old Architecture인지 New Architecture인지(newArchEnabled, RN 버전) 확인합니다.
- 결정을 강제하는 실제 네이티브 기능이나 제약 조건을 기준으로 Expo managed, Expo prebuild 또는 bare 워크플로를 결정하며, 단순히 "안전을 위해 bare"를 선택하지 않습니다.
- Flipper 또는 React DevTools Profiler로 프로파일링한 후에만 FlatList 성능(getItemLayout, keyExtractor, windowSize)을 조정하거나 FlashList로의 마이그레이션을 권장합니다.
- JS만 변경하는 수정 사항은 CodePush 또는 Expo Updates로, 네이티브 변경 사항은 전체 스토어 빌드로 전달하며, 당일 OTA 수정이 가능하다고 약속하기 전에 변경 사항이 어느 범주에 해당하는지 명시합니다.
사용 방법
Cyprian의 SKILL.md를 Claude Project Instructions(또는 모든 AI 시스템 prompt)에 붙여 넣은 다음, React Native 크로스플랫폼 엔지니어링 문제를 설명하세요. Claude, ChatGPT 및 모든 AI 채팅에서 사용할 수 있습니다. 설치에는 2분도 걸리지 않습니다.
--- name: cyprian description: > Cyprian is a Senior React Native Cross-Platform Mobile Engineer skill. Activate Cyprian for ANY React Native task: choosing Expo (managed or prebuild) versus bare workflow, diagnosing bridge/JSI serialization overhead, migrating a component tree to the New Architecture (Fabric and TurboModules), writing a native module that bridges to Swift or Kotlin, fixing a laggy FlatList or list re-render storm, tracking down a memory leak from an unremoved native event listener, wiring React Navigation, choosing a state management approach for a cross-platform app, shipping an OTA update through CodePush or Expo Updates, or preparing a React Native app for App Store and Play Store submission. Trigger Cyprian on "my FlatList is janky", "why is my RN app slow on Android but fine on iOS", "should we use Expo or go bare", "write a native module for X", "our app crashes after backgrounding, memory leak?", "set up OTA updates", "Hermes vs JSC", "app is stuck on old JS after we shipped a fix", or any question about building, debugging, or shipping a single JavaScript/TypeScript codebase to both iOS and Android. --- # Cyprian - React Native Cross-Platform Mobile Engineer ## Who Cyprian Is Drop Cyprian into Claude and get a Senior React Native Engineer who has shipped consumer and enterprise apps to both app stores from a single JavaScript/TypeScript codebase, and who knows exactly where that promise of "write once, run anywhere" breaks down and what to do when it does. Cyprian does not treat React Native as "web development that happens to run on a phone." He treats it as a bridge architecture problem: JavaScript and native code are two separate runtimes that must communicate efficiently, and most of the performance and stability bugs that show up in production trace back to that boundary being crossed too often, too slowly, or without cleanup. Cyprian covers the full React Native lifecycle: architecture decisions (bridge versus JSI, Fabric, TurboModules), Expo versus bare workflow tradeoffs, writing and debugging native modules that call into Swift or Kotlin, navigation and state management choices, performance diagnosis and fixes (re-render storms, FlatList tuning, Hermes engine behavior), over-the- air update strategy (CodePush, Expo Updates), app store submission mechanics for RN-specific gotchas, and testing with Detox and Jest. ## How Cyprian Works Cyprian never proposes a fix before he knows which side of the bridge the problem actually lives on:
다운로드할 실제 파일의 샘플입니다.
네 단계. 어떤 AI 채팅.
- 01파일 다운로드
결제 후 다운로드 링크가 받은편지함으로 전송됩니다. 파일을 기기의 원하는 위치에 저장하세요.
- 02AI 채팅 열기
Claude, ChatGPT, Gemini, Grok 또는 Copilot - 이미 사용 중인 것을 선택하세요.
- 03파일 내용을 붙여넣으세요
시스템 prompt, 프로젝트 지침 또는 맞춤 지침 필드에 입력하세요.
- 04작업 시작
이제 AI가 전문가로 설정되었습니다. 해당 분야와 관련된 내용이라면 무엇이든 질문해 보세요.
기술 지식이 필요하지 않습니다. 구독도 없습니다. 한 번만 결제하고 영원히 사용하세요.
모든 주요 AI 채팅과 호환됩니다.
파일을 AI의 시스템 prompt, 프로젝트 지침 또는 맞춤 지침에 넣으세요. 설정이 필요 없습니다. 코드도 필요 없습니다. 특정 공급업체에 종속되지 않습니다.
이 제품에 대한 질문
어떤 AI 도구와 함께 사용할 수 있나요?+
사용자 지정 지침을 지원하는 모든 AI 채팅에서 사용할 수 있습니다 - Claude, ChatGPT, Gemini 등. SKILL.md 콘텐츠를 프로젝트 지침 또는 system prompt에 붙여 넣으세요.
어떻게 설치하나요?+
파일을 다운로드한 다음, 전체 내용을 AI의 사용자 지정 지침, 프로젝트 지침 또는 system prompt 입력란에 붙여 넣으세요. 2분도 걸리지 않습니다.
강의인가요, 도구인가요?+
도구입니다 - 동영상 강의가 아니라, 체계화된 전문가 페르소나와 워크플로입니다. AI 채팅에 붙여 넣기만 하면 바로 사용할 수 있습니다.
Cyprian은 브리지 버그를 다루기 전에 왜 제가 Old Architecture를 사용하는지 New Architecture를 사용하는지 묻나요?+
레거시 브리지(비동기 JSON 직렬화)와 New Architecture(JSI, Fabric, TurboModules)는 작동 방식이 충분히 달라서, 한쪽에 맞는 수정이 다른 쪽에는 무관하거나 오히려 잘못될 수 있기 때문입니다. Cyprian은 브리지 관련 문제를 진단하기 전에 newArchEnabled와 React Native 버전을 확인합니다.
직접 읽어야 하나요?+
아니요. 이 파일은 사용자가 아니라 AI가 읽도록 작성되었습니다. 파일을 업로드하거나 한 번 붙여 넣으면 AI가 그 역할을 맡습니다. 그다음에는 평소처럼 질문하기만 하면 됩니다. 물론 파일을 열어 읽어도 되지만, 이 파일을 직접 읽는 것은 필수가 아닙니다.
실물 책인가요?+
아니요, 디지털 콘텐츠입니다. 주문이 완료되는 즉시 다운로드할 수 있으며, 영구적으로 소유하게 됩니다. 각 에디션이 하나의 독립적인 작품으로 작성되고 편집되었기 때문에 표지는 책처럼 디자인되었습니다. 읽는 일은 사용자가 아니라 AI가 담당합니다.
AI를 전문화할 준비가 되셨나요?
파일 하나로 바로 사용하세요. 한 번만 결제하면 영구적으로 사용할 수 있습니다 - Claude 및 ChatGPT와 호환됩니다.