By honeyhead
Claude Code plugin for command-centric Bare React Native planning, yolo build flows, architecture, release, growth, support, and operations workflows.
이 디렉터리는 `blackcow-rn-forge`의 사용자 진입점 slash command 33개를 담습니다.
screen reader, focus order, dynamic type, reduced motion을 깊게 감사해요.
Bare React Native 앱 구조를 설계하고 문서화해요.
모바일 인증, 세션 복구, 소셜 로그인, 딥링크 인증 흐름을 설계해요.
구독, IAP, RevenueCat/직접 구현, paywall 연동 전략을 정리해요.
이 디렉터리는 `rn-team` 같은 병렬 작업에서 호출할 수 있는 specialist agent 22개를 담습니다.
screen reader, focus order, dynamic type를 깊게 감리하는 접근성 에이전트
모바일 인증과 세션 복구 구조를 설계하는 인증 에이전트
모바일 구독과 IAP 구조를 설계하는 과금 에이전트
실기기 매트릭스, device farm, 접근성 회귀를 운영하는 디바이스 랩 에이전트
"react native accessibility", "voiceover", "talkback", "dynamic type", "focus order", "reduced motion", "screen reader", "접근성", "보이스오버", "톡백", "큰 글꼴", "포커스 순서" 같은 모바일 접근성 작업일 때 사용하세요.
"admob rewarded ad", "rewarded interstitial", "server-side verification", "impression-level revenue", "onuserearnedrewardlistener", "리워디드 광고", "보상형 광고", "애드몹 보상형 광고" 같은 모바일 보상형 광고 전략 작업일 때 사용하세요.
"react native architecture", "bare react native", "mobile architecture", "앱 아키텍처", "네비게이션 구조", "offline first", "sync strategy", "feature folder", "native module boundary", "build flavor" 같은 Bare React Native 구조 설계 작업일 때 사용하세요.
"react native auth", "mobile auth", "session restore", "oauth callback", "deep link auth", "social login", "magic link", "모바일 인증", "세션 복구", "OAuth callback" 같은 모바일 인증 작업일 때 사용하세요.
"mobile billing", "revenuecat", "iap", "in-app purchase", "subscription flow", "entitlement", "restore purchase", "storekit", "play billing", "모바일 과금", "구독 플로우" 같은 모바일 과금 작업일 때 사용하세요.
Uses power tools
Uses Bash, Write, or Edit tools
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
Bare React Native 앱을 Claude Code 안에서 기획하고, 구조를 설계하고, 출시하고, 운영하는 흐름을 command 중심으로 정리하는 플러그인입니다.
이 저장소는 "코드 템플릿 한 번 뿌리기"보다 현재 프로젝트 문맥을 읽고 문서, 체크리스트, 운영 산출물을 쌓아가는 워크플로우에 더 가깝습니다.
빠른 시작 · 추천 흐름 · YOLO 모드 · 라이프사이클 플로우 · 핵심 커맨드 · 커맨드 맵 · /rn-loop · FAQ · 최근 변경사항
/rn-loop, 병렬 작업은 /rn-team 계열로 밀어붙일 수 있습니다./rn-workflow가 기획부터 운영까지 단계를 연결해 줍니다./rn-yolo-plan -> /rn-yolo-build를 기본 고속 트랙으로 쓰고, 길어질 때만 /rn-loop를 붙이면 됩니다./plugin marketplace add honeyhead/blackcow-rn-forge
/plugin install blackcow-rn-forge@blackcow-rn-forge
프로젝트 범위로만 설치하려면:
/plugin install blackcow-rn-forge@blackcow-rn-forge --scope project
/rn-help 기존 앱인데 어디서부터 정리해야 할지 모르겠어
/rn-yolo-plan https://ref1 https://ref2 "광고/부스터 중심 방치형 리워드 앱"
/rn-yolo-plan https://ref1 https://ref2 "광고 없이 바로 쓰는 계산기 유틸리티 앱"
/rn-yolo-build
/rn-workflow 습관 앱 아이디어가 있는데 기획 -> 구조 설계 -> 출시 준비 -> 운영까지 어떤 command 순서로 진행하면 되는지 정리해줘
/rn-planner 습관 기록과 친구 초대 기능이 있는 금연 앱
/rn-bootstrap HabitMate
/rn-architect 인증, 푸시, 오프라인 저장이 필요한 습관 앱 구조 설계
/rn-release-manager TestFlight 제출 전 QA matrix와 release blocker 점검
처음부터 끝까지 길게 맡기고 싶다면:
/rn-loop 로그인부터 출시 준비까지 필요한 문서와 구조를 정리해줘 --completion-promise '출시 준비 완료'
최근 변경 내역은 CHANGELOG.md에서 빠르게 볼 수 있습니다.
| 상황 | 먼저 쓸 커맨드 | 기대 결과 |
|---|---|---|
| 빨리 하나 출시하고 싶을 때 | /rn-yolo-plan -> /rn-yolo-build -> 필요시 /rn-loop | refs 기반 빠른 기획, 현재 프로젝트 기반 빠른 실행, 남은 작업 반복 |
| 전체 흐름이 필요할 때 | /rn-workflow -> 각 단계별 command 실행 | 기획 -> 구조 -> 출시 -> 운영까지 이어지는 command 로드맵 |
| 시작점이 막막할 때 | /rn-help -> /rn-planner 또는 /rn-architect | 현재 상황에 맞는 첫 커맨드와 다음 순서 |
| 새 앱을 시작할 때 | /rn-planner -> /rn-bootstrap -> /rn-architect | PRD, 초기 구조, 아키텍처 문서 |
| 기존 앱을 정리할 때 | /rn-architect -> /rn-ui-upgrade -> /rn-security-guard | 구조 재정리, UX 감사, 보안 점검 |
| 출시 직전일 때 | /rn-test-lab -> /rn-device-lab -> /rn-release-manager | QA matrix, 기기 점검, 스토어 제출 체크 |
| 운영 단계일 때 | /rn-growth-manager -> /rn-rating-manager -> /rn-support-ops | 성장 전략, 평점 운영, 지원 운영 룰 |
| 작업이 크고 길 때 | /rn-team -> /rn-team-status -> /rn-loop | 병렬 진행, 상태 추적, 반복 실행 |
레퍼런스를 던지고 빨리 출시 가능한 앱 하나를 정한 뒤, 현재 프로젝트에서 바로 구현까지 밀고 싶다면 이 두 개를 기본 트랙으로 쓰면 됩니다.
처음에는 딱 한 번 수익화 앱인지 유틸리티 앱인지 확인하고 그에 맞춰 범위를 잡습니다.
/rn-yolo-plan https://ref1 https://ref2 "방치형으로 금을 캐고 일정 시간마다 광고를 봐야 채굴이 이어지고, 광고/유료 부스터로 속도를 높이는 방치형 리워드 앱"
/rn-yolo-plan https://ref1 https://ref2 "광고 없이 바로 쓰는 계산기 유틸리티 앱"
/rn-yolo-build
/rn-loop 부족한 문서와 QA 정리를 이어서 진행해줘 --completion-promise 'pre-ops readiness 완료'
| 커맨드 | 역할 | 기본값 |
|---|---|---|
/rn-yolo-plan | 레퍼런스 기반 빠른 컨셉 확정, MVP 범위, build brief 작성 | refs + 한 줄 아이디어 입력 |
/rn-yolo-build | 현재 워크스페이스와 최신 yolo brief/PRD를 읽고 pre-ops readiness까지 실행 | 현재 프로젝트 / 최신 brief/PRD |
YOLO 모드 기본 원칙은 아래와 같습니다.
rn-yolo-build는 slug를 강제하지 않고 현재 워크스페이스를 기본값으로 사용합니다./rn-yolo-plan -> /rn-yolo-build이고, 한 번에 안 끝나는 작업만 /rn-loop로 넘깁니다.기획부터 운영까지 전체 command 흐름을 한 번에 설계하고 싶으면 /rn-workflow로 시작하면 됩니다.
/rn-workflow 기존 RN 앱 기준으로 기획 보강부터 출시 준비와 운영 문서까지 어떤 command 순서로 이어가면 될지 정리해줘
기본적으로는 아래 4단계로 묶어 설명합니다.
| 단계 | 먼저 보는 command | 기대 산출물 |
|---|---|---|
| 기획 | /rn-help, /rn-planner | 시작점 판단, PRD |
| 구조 설계 | /rn-bootstrap, /rn-architect, /rn-designer | 초기 구조, 아키텍처, 화면 패턴 |
| 출시 준비 | /rn-test-lab, /rn-device-lab, /rn-observability, /rn-rollout-manager, /rn-release-manager | QA, release health, rollout, store checklist |
| 운영 | /rn-growth-manager, /rn-rating-manager, /rn-support-ops, /rn-incident-manager | 성장 운영, 평점 운영, 지원/장애 대응 |
핵심 기능 축은 필요할 때 중간에 끼워 넣습니다.
/rn-auth-manager/rn-platform-manager/rn-offline-manager/rn-media-manager/rn-security-guard, /rn-privacy-manager작업이 길어지면 /rn-team으로 병렬화하고, 완료 조건까지 밀 때는 /rn-loop를 붙이면 됩니다.
npx claudepluginhub honeyhead/blackcow-rn-forge --plugin blackcow-rn-forgeUse this agent when developing native iOS or Android applications, implementing React Native features, or optimizing mobile performance. This agent specializes in creating smooth, native-feeling mobile experiences. Examples:\n\n<example>\nContext: Building a new mobile app\nuser: "Create a TikTok-style video feed for our app"\nassistant: "I'll build a performant video feed with smooth scrolling. Let me use the mobile-app-builder agent to implement native performance optimizations."\n<commentary>\nVideo feeds require careful mobile optimization for smooth scrolling and memory management.\n</commentary>\n</example>\n\n<example>\nContext: Implementing mobile-specific features\nuser: "Add push notifications and biometric authentication"\nassistant: "I'll implement native push notifications and Face ID/fingerprint auth. Let me use the mobile-app-builder agent to ensure proper platform integration."\n<commentary>\nNative features require platform-specific implementation and proper permissions handling.\n</commentary>\n</example>\n\n<example>\nContext: Cross-platform development\nuser: "We need this feature on both iOS and Android"\nassistant: "I'll implement it using React Native for code reuse. Let me use the mobile-app-builder agent to ensure native performance on both platforms."\n<commentary>\nCross-platform development requires balancing code reuse with platform-specific optimizations.\n</commentary>\n</example>
React Native mobile development with platform-specific optimizations
Use this agent when you need expert assistance with React Native development tasks including code analysis, component creation, debugging, performance optimization, or architectural decisions. Examples: <example>Context: User is working on a React Native app and needs help with a navigation issue. user: 'My stack navigator isn't working properly when I try to navigate between screens' assistant: 'Let me use the react-native-dev agent to analyze your navigation setup and provide a solution' <commentary>Since this is a React Native specific issue, use the react-native-dev agent to provide expert guidance on navigation problems.</commentary></example> <example>Context: User wants to create a new component that follows the existing app structure. user: 'I need to create a custom button component that matches our app's design system' assistant: 'I'll use the react-native-dev agent to create a button component that aligns with your existing codebase structure and design patterns' <commentary>The user needs React Native component development that should follow existing patterns, so use the react-native-dev agent.</commentary></example>
Complete AI coding agent harness for React Native and Expo — 13 agents, 22 commands, 7 skills, 10 MCP integrations, autonomous worker mode, visual debugging, smart routing
Use this agent when you need to quickly create a new application prototype, MVP, or proof-of-concept within the 6-day development cycle. This agent specializes in scaffolding projects, integrating trending features, and building functional demos rapidly. Examples:\n\n<example>\nContext: Starting a new experiment or app idea\nuser: "Create a new app that helps people overcome phone anxiety"\nassistant: "I'll help you create a phone anxiety app. Let me use the rapid-prototyper agent to scaffold this project and build an MVP."\n<commentary>\nWhen starting any new project or experiment, use the rapid-prototyper to quickly set up the foundation and core features.\n</commentary>\n</example>\n\n<example>\nContext: Need to test a trending feature or viral concept\nuser: "I saw this TikTok trend about AI avatars, can we build something around that?"\nassistant: "That's a great trending opportunity! I'll use the rapid-prototyper agent to quickly build a prototype app featuring AI avatars."\n<commentary>\nFor capitalizing on trends and viral content, the rapid-prototyper can quickly create testable prototypes.\n</commentary>\n</example>\n\n<example>\nContext: Validating a business idea with minimal investment\nuser: "We need to test if people would pay for a subscription box curation app"\nassistant: "Let's validate that idea with a quick prototype. I'll use the rapid-prototyper agent to build an MVP with basic subscription and curation features."\n<commentary>\nBusiness validation requires fast prototyping to test market fit before full investment.\n</commentary>\n</example>\n\n<example>\nContext: Creating demo apps for stakeholder presentations\nuser: "We're meeting with investors next week and need to show them our vision"\nassistant: "I'll help create a compelling demo. Let me use the rapid-prototyper agent to build a functional prototype that showcases your vision."\n<commentary>\nInvestor demos and stakeholder presentations benefit from working prototypes rather than just mockups.\n</commentary>\n</example>
React Native & Expo development workflow: skills library for Claude Code with TDD, debugging, collaboration patterns, and proven techniques