Cyprian - React Native Cross-Platform Engineer Claude skill by KissMySkills, hardcover volume cover

Cyprian - React Native 개발자 AI Skill

$29.00
할인가  $29.00 정상가 
제품 정보로 건너뛰기
Cyprian - React Native Cross-Platform Engineer Claude skill by KissMySkills, hardcover volume cover

Cyprian - React Native 개발자 AI Skill

$29.00 this skill vs 시간당 100달러 이상 hiring React Native 모바일 엔지니어

Complete skill package instant downloadcyprian-react-native-cross-platform-engineer.skill

Choose how to get it

  • American Express
  • Apple Pay
  • BLIK
  • Google Pay
  • Klarna
  • Maestro
  • Mastercard
  • PayPal
  • Union Pay
  • Visa

Secure checkout by Shopify

즉시 다운로드 영원히 간직하세요 당사가 작성함

Add it once. Your AI works like a specialist.

Claude, ChatGPT 또는 Gemini에 추가하세요 - 귀하의 AI가 이 분야의 전문가로 작동합니다.

즉시 다운로드 · 30일 환불 보장. 한 번만 결제하고 영구적으로 사용하세요 - 구독 없음. GitHub에서 무단 수집한 것이 아니라, 저희가 직접 작성하고 테스트했습니다. 환불 정책

Ask Cyprian something hard.

📎 cyprian-react-native-cross-platform-engineer-ai-skill.md LOADED ✓
React Native 목록 화면: iOS에서는 60fps, Android에서는 25fps, 동일한 코드에 Hermes 사용 중입니다. 내부적으로 무엇이 다른가요?
CLAUDE · AS CYPRIAN, REACT NATIVE 개발자 같은 JS인데 프레임은 다릅니다 - Android는 더 많은 레이어를 거쳐 렌더링하므로, 중급 하드웨어에서는 iPhone이 감추는 문제가 드러납니다. 먼저 Perf Monitor에서 JS 스레드와 UI 스레드의 프레임 저하를 구분하세요. JS가 25fps라면 브리지/JSI 처리량 문제일 가능성이 높으며, 보통 매 렌더링마다 인라인 함수와 새 객체를 생성해 FlatList에 전달하는 것이 원인입니다 - keyExtractor를 수정하고, renderItem을 메모이제이션하고, getItemLayout을 추가하면 Android 수치는 대개 두 배로 올라갑니다. UI 스레드가 낮다면 오버드로 또는 과도한 elevation 그림자 때문일 수 있으니 item 뷰를 평탄화하세요. 그리고 릴리스 빌드를 프로파일링하고 있는지 확인하세요. Android의 개발 모드는 2~3배 느리게 실행되어 모두를 헷갈리게 합니다. 어느 스레드에서 프레임이 떨어지나요?

구매 전에 궁금한 점이 있나요?

저희에게 문의하시면 보통 당일에 담당자가 직접 답변해 드립니다. 봇도 아니고, 문의 티켓 대기열도 아닙니다.

hello@kissmyskills.com

당신은 읽지 않습니다. 당신의 AI가 읽습니다.

Claude, ChatGPT 또는 Gemini에 스킬 파일을 한 번만 추가하세요. 그러면 그다음 메시지부터 이 분야의 전문가로 작동하며 Cyprian으로 답변합니다.

한 번 구매하면 파일을 영원히 소장할 수 있습니다. 또는 All-Access를 구독하고 KissMySkills 커넥터가 요청에 따라 해당 파일과 다른 모든 스킬을 채팅에 불러오도록 하세요.

// what's inside

이 스킬에는 무엇이 들어 있나요

  1. JavaScript, 브리지 또는 네이티브 코드로 버그 범위 좁히기
  2. 각 계층에 적합한 도구를 사용하는 프로파일링 안내
  3. 구체적인 코드 변경 사항을 포함한 수정 계획
  4. 목록 렌더링 및 재렌더링을 위한 성능 체크리스트

JS-네이티브 경계에서 발생하는 멈춤 현상을 추적하는 React Native 개발자와 모바일 리드.

시니어 React Native 크로스플랫폼 모바일 엔지니어는 네이티브 모듈 브리징과 성능 감사를 위해 시간당 $100 이상을 청구하며, 이 모든 기술을 평생 이용할 수 있습니다.

// what's inside

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분도 걸리지 않습니다.

cyprian-react-native-cross-platform-engineer.skill
---
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:

다운로드할 실제 파일의 샘플입니다.

// how to install 2분 이내

네 단계. 어떤 AI 채팅.

  1. 01
    파일 다운로드

    결제 후 다운로드 링크가 받은편지함으로 전송됩니다. 파일을 기기의 원하는 위치에 저장하세요.

  2. 02
    AI 채팅 열기

    Claude, ChatGPT, Gemini, Grok 또는 Copilot - 이미 사용 중인 것을 선택하세요.

  3. 03
    파일 내용을 붙여넣으세요

    시스템 prompt, 프로젝트 지침 또는 맞춤 지침 필드에 입력하세요.

  4. 04
    작업 시작

    이제 AI가 전문가로 설정되었습니다. 해당 분야와 관련된 내용이라면 무엇이든 질문해 보세요.

기술 지식이 필요하지 않습니다. 구독도 없습니다. 한 번만 결제하고 영원히 사용하세요.

// compatible with

모든 주요 AI 채팅과 호환됩니다.

파일을 AI의 시스템 prompt, 프로젝트 지침 또는 맞춤 지침에 넣으세요. 설정이 필요 없습니다. 코드도 필요 없습니다. 특정 공급업체에 종속되지 않습니다.

// faq

이 제품에 대한 질문

어떤 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와 호환됩니다.

이 분야의 더 많은 기술

Hana - WordPress 개발자 AI Skill

Hana - WordPress 개발자 AI Skill

Hana - WordPress 개발자 AI Skill

$29.00
할인가  $29.00 정상가 
코딩 Agent 번들 - AI 코딩 Agents 5개 전체

코딩 Agent 번들 - AI 코딩 Agents 5개 전체

코딩 Agent 번들 - AI 코딩 Agents 5개 전체

$99.00
할인가  $99.00 정상가  $160.00
Albert - AI 코드 리뷰 에이전트

Albert - AI 코드 리뷰 에이전트

Albert - AI 코드 리뷰 에이전트

$32.00
할인가  $32.00 정상가 
Max - 풀스택 개발자 AI Skill

Max - 풀스택 개발자 AI Skill

Max - 풀스택 개발자 AI Skill

$29.00
할인가  $29.00 정상가