Navigation

swiftui-patterns는 Apple 플랫폼의 Frontend Development를 위한 실용적인 가이드입니다. SwiftUI 상태 관리, NavigationStack 흐름, 뷰 구성, 성능 가이드를 다뤄 실제 앱 코드에 맞는 패턴을 선택할 수 있게 해줍니다. 화면을 리팩터링하거나 명확한 소유권과 적은 재렌더링이 필요한 UI를 만들 때 swiftui-patterns 스킬을 사용하세요.

dart-flutter-patterns는 프런트엔드 개발을 위한 실용적인 Dart 및 Flutter 스킬로, null safety, immutable state, async composition, widget structure, state management, GoRouter navigation, Dio networking, testing, clean architecture를 다룹니다. 새 기능을 만들거나 리팩터링할 때 production-ready 패턴을 선택하는 데 dart-flutter-patterns 가이드를 활용하세요.

compose-multiplatform-patterns는 Compose Multiplatform과 KMP 앱의 Jetpack Compose를 위한 실용 가이드입니다. 상태 관리, 네비게이션, 테마, 성능, 재사용 가능한 UI 패턴을 다루며, Android, iOS, Desktop, Web 전반에서 프런트엔드 팀이 유지보수하기 쉬운 공유 화면을 만들 수 있도록 돕습니다.

react-native-design는 React Native UI 패턴에 집중한 스킬로, StyleSheet 스타일링, 타입이 적용된 React Navigation, 그리고 크로스플랫폼 화면 구현을 위한 Reanimated 3 활용법까지 다룹니다.

site-architecture는 웹사이트의 페이지 계층, 내비게이션, URL 패턴, 내부 링크 구조를 새로 설계하거나 재정비할 때 유용한 스킬입니다. 사이트맵, 내비게이션 명세, URL 맵, Mermaid 또는 ASCII 사이트 다이어그램을 만들어 마케팅 기획과 UI/UX 설계를 구체화하는 데 활용할 수 있습니다.

vue-router-best-practices는 프런트엔드 앱에서 Vue Router 4의 navigation guard, route param 업데이트, 오래된 컴포넌트 상태, redirect loop, 그리고 더 이상 권장되지 않는 next() 패턴 문제를 바로잡는 데 초점을 맞춘 가이드입니다.

building-native-ui는 네이티브 감각의 React Native 앱을 위한 Expo Router UI 스킬입니다. 사용 전에 설치 맥락, 라우트 구조, 탭, 헤더, 애니메이션, 미디어, 플랫폼 제한 사항을 미리 파악할 수 있습니다.

ios-design-guidelines는 iPhone용 SwiftUI/UIKit 인터페이스를 Apple Human Interface Guidelines에 맞춰 검토, 다듬기, 재작성하는 데 도움을 줍니다. 레이아웃, 내비게이션, 접근성, Dynamic Type, Dark Mode, 시스템 컴포넌트 선택처럼 실무적인 ios-design-guidelines 가이드 피드백이 필요할 때 UI Design에 유용합니다.

android-design-guidelines는 Material Design 3, Jetpack Compose, XML 레이아웃을 다루는 실용 가이드입니다. 테마, 내비게이션, 접근성, 반응형 레이아웃, 다이내믹 컬러, Material You 준수 여부를 기준으로 Android UI 결정을 검토할 때 활용할 수 있습니다. android-design-guidelines 가이드나 UI 디자인 작업에 적합합니다.

hig-components-search는 검색 필드, 페이지 컨트롤, 경로 컨트롤에 대한 UI 디자인 결정을 돕는 Apple HIG 스킬입니다. macOS 또는 iPadOS 인터페이스에서 검색 동작, 검색 범위, 페이지네이션, 계층형 탐색에 대한 명확한 지침이 필요할 때 사용하세요. 특히 검색 UX, 검색 제안, 구조화된 내비게이션에 유용합니다.

hig-components-menus는 메뉴와 버튼 중심의 명령 UI를 위한 Apple HIG 가이드 스킬입니다. 메뉴, 컨텍스트 메뉴, 툴바, 메뉴 바 및 관련 컨트롤에 대한 UI 디자인 결정을 내릴 때, 특히 명령 배치, 그룹화, 동작 방식에 대해 Apple 전용 지침이 필요하다면 이 hig-components-menus 스킬을 사용하세요.

hig-components-layout는 사이드바, 분할 보기, 탭 바, 목록, 표, 윤곽 보기, 열, 패널, 창, 스크롤 뷰, 박스, 오너먼트 중 무엇을 선택할지 판단하는 데 도움을 주는 Apple HIG의 내비게이션 및 레이아웃 스킬입니다. 일반적인 반응형 레이아웃 조언보다 플랫폼 맥락을 반영한 명확한 가이드가 필요할 때, UI 디자인과 앱 구조 결정을 위해 사용하세요.