스킬 multi-platform-apps-multi-platform
📦

multi-platform-apps-multi-platform

안전

웹, 모바일, 데스크톱 플랫폼 전반에 기능 배포하기

여러 플랫폼에서 동일한 기능을 구축하면 일관성이 떨어지고 작업이 중복됩니다. 이 스킬은 AI 에이전트를 오케스트레이션하여 각 플랫폼의 컨벤션에 최적화하면서도 기능 동등성을 유지하도록 지원합니다.

지원: Claude Codex Code(CC)
📊 71 적절함
1

스킬 ZIP 다운로드

2

Claude에서 업로드

설정 → 기능 → 스킬 → 스킬 업로드로 이동

3

토글을 켜고 사용 시작

테스트해 보기

"multi-platform-apps-multi-platform" 사용 중입니다. 알림 기능에 대한 API 설계

예상 결과:

알림 CRUD 작업을 위한 REST 엔드포인트, 실시간 전달을 위한 WebSocket 이벤트 스키마, 베어러 토큰을 사용한 인증 요구사항, 분당 100 요청의 속도 제한, 그리고 retry-after 헤더가 포함된 오류 응답 형식을 포함한 OpenAPI 3.1 명세서.

"multi-platform-apps-multi-platform" 사용 중입니다. 크로스플랫폼 앱을 위한 디자인 시스템 생성

예상 결과:

Material Design 토큰을 iOS Human Interface Guidelines 및 Fluent Design 동등 요소로 매핑하는 컴포넌트 명세서, 웹 레이아웃을 위한 반응형 브레이크포인트, 네이티브 SwiftUI 및 Compose 컴포넌트 구현, WCAG 2.2 AA 접근성 요구사항, 그리고 다크 테마 색상 매핑.

보안 감사

안전
v1 • 2/25/2026

All 39 static analysis findings are false positives. The SKILL.md file is a documentation/workflow guide containing no executable code. Pattern matches for 'cryptographic algorithm' and 'system reconnaissance' are triggered by technology terminology (Material Design, MVI, Room database) in documentation text. The backtick at line 29 is Markdown formatting for inline code, not shell execution. No security risks detected.

1
스캔된 파일
206
분석된 줄 수
0
발견 사항
1
총 감사 수
보안 문제를 찾지 못했습니다
감사자: claude

품질 점수

38
아키텍처
100
유지보수성
87
콘텐츠
33
커뮤니티
100
보안
91
사양 준수

만들 수 있는 것

모든 플랫폼에서 MVP 를 출시하는 스타트업

소규모 팀이 투자자의 기대에 부응하기 위해 웹, iOS, Android 에서 동시에 새로운 기능을 출시해야 합니다. 이 스킬은 공유 계약을 사용한 병렬 개발을 조정하여 플랫폼 지연 없이 기능 동등성을 달성합니다.

크로스플랫폼 일관성 유지가 필요한 엔터프라이즈

별도의 웹 및 모바일 팀을 가진 대규모 조직은 기능 분기 문제로 어려움을 겪습니다. 이 워크플로우는 API 우선 설계와 공유 비즈니스 로직을 구축하여 모든 고객 접점에서 일관된 동작을 보장합니다.

더 빠른 클라이언트 프로젝트 전달을 위한 에이전시

여러 클라이언트를 위한 커스텀 앱을 구축하는 개발 에이전시는 병렬 구현 패턴을 재사용하여 각 클라이언트 계약에 대한 플랫폼별 품질 표준을 유지하면서 전달 시간을 단축할 수 있습니다.

이 프롬프트를 사용해 보세요

초급: 두 플랫폼에서 단일 기능 구현
기존 웹 앱과 모바일 앱에 사용자 프로필 기능을 추가해야 합니다. 먼저 API 계약을 설계한 다음, 이 워크플로우를 사용하여 두 플랫폼에서 일관되게 구현할 수 있도록 안내해 주세요.
중급: 세 플랫폼으로 새로운 제품 구축
웹, iOS, Android 를 위한 태스크 관리 앱을 처음부터 구축하고 있습니다. 멀티플랫폼 워크플로우를 사용하여 API 명세서를 설계하고, 디자인 시스템을 생성하며, 공유 비즈니스 로직을 아키텍처링하고, 세 플랫폼 모두에 대한 구현 지침을 병렬로 생성해 주세요.
고급: 테스트 및 최적화를 포함한 전체 워크플로우
WebSocket 지원을 포함한 실시간 협업 기능에 대한 완전한 멀티플랫폼 개발 워크플로우를 실행해 주세요. GraphQL 구독을 포함한 API 설계, 다크 모드가 있는 디자인 시스템, 공유 상태 관리, Next.js/SwiftUI/Jetpack Compose 에 대한 구현, 크로스플랫폼 테스트 매트릭스, 그리고 플랫폼별 성능 최적화를 포함해 주세요.
기존 모바일 앱의 데스크톱 확장

모범 사례

  • 모든 팀이 공유 명세서에서 작업할 수 있도록 어떤 플랫폼 구현 전에 API 계약과 데이터 모델을 정의하세요
  • 기능 분기를 조기에 발견할 수 있도록 병렬 개발 중 정기적인 동기화 지점을 설정하세요
  • 자동화된 크로스플랫폼 테스트를 사용하여 기능 동등성을 검증하고 릴리스 전에 플랫폼별 엣지 케이스를 포착하세요

피하기

  • 플랫폼을 순차적으로 구현하는 대신 병렬로 구현하지 않으면 통합 문제가 지연되고 재작업이 증가합니다
  • 통합 API 우선 접근 방식을 사용하는 대신 기능을 중복하는 플랫폼별 API 를 생성합니다
  • 동일한 UI 를 선호하여 플랫폼 컨벤션을 무시하면 각 플랫폼에서 사용자 경험이 저하됩니다

자주 묻는 질문

이 워크플로우는 어떤 플랫폼을 지원하나요?
주요 플랫폼은 웹 (React/Next.js), iOS (SwiftUI), Android (Jetpack Compose), 데스크톱 (Electron/Tauri) 입니다. 프로젝트의 --platforms 플래그를 커스터마이징하여 특정 플랫폼을 타겟팅할 수 있습니다.
모든 플랫폼을 한 번에 구현해야 하나요?
아닙니다. 워크플로우는 모듈식이며 개별 단계를 실행하거나 특정 플랫폼을 타겟팅할 수 있습니다. 하지만 API 우선 접근 방식은 점진적으로 구현하더라도 처음부터 여러 플랫폼을 계획할 때 가장 잘 작동합니다.
이 스킬은 플랫폼별 기능을 어떻게 처리하나요?
이 워크플로우에는 플랫폼 추상화 레이어와 어댑터 패턴이 포함되어 있습니다. 핵심 비즈니스 로직은 공유된 상태로 유지되며, 플랫폼별 기능 (Face ID, 위젯 또는 시스템 트레이 등) 은 공유 계약에 영향을 주지 않는 확장 기능으로 구현됩니다.
기존 코드베이스에서도 작동하나요?
네, 그렇지만 신규 기능에 가장 적합합니다. 기존 코드베이스의 경우, 기존 엔드포인트를 통합 계약과 일치하도록 점진적으로 리팩토링하면서 새 기능에는 API 우선 설계를 적용할 수 있습니다.
어느 수준의 코드 재사용을 기대할 수 있나요?
적절한 API 우선 설계와 공유 비즈니스 로직 아키텍처를 사용하면 플랫폼 간에 40-60% 의 코드 재사용을 달성할 수 있습니다. 웹과 데스크톱 구현이 가장 많은 코드를 공유하며, 네이티브 모바일 플랫폼은 UI 코드보다 비즈니스 로직 패턴을 공유합니다.
이 스킬이 코드를 실행하거나 구현을 생성하나요?
이 스킬은 AI 에이전트 오케스트레이션을 통해 구현 지침, 명세서, 아키텍처 패턴을 제공합니다. 코드를 직접 실행하거나 애플리케이션을 배포하지는 않으며, 개발자가 구현할 수 있는 문서와 코드 구조를 생성합니다.

개발자 세부 정보

파일 구조

📄 SKILL.md