작성자 affaan-m
swiftui-patterns는 Apple 플랫폼의 Frontend Development를 위한 실용적인 가이드입니다. SwiftUI 상태 관리, NavigationStack 흐름, 뷰 구성, 성능 가이드를 다뤄 실제 앱 코드에 맞는 패턴을 선택할 수 있게 해줍니다. 화면을 리팩터링하거나 명확한 소유권과 적은 재렌더링이 필요한 UI를 만들 때 swiftui-patterns 스킬을 사용하세요.
작성자 affaan-m
kotlin-coroutines-flows는 구조적 동시성, StateFlow, 취소, 재시도, 테스트를 바탕으로 Android와 KMP에서 Kotlin coroutines와 Flow 패턴을 적용하는 데 도움을 줍니다. 더 안전한 비동기 코드, 라이프사이클을 인식하는 스트림, 더 나은 프런트엔드 개발 패턴이 필요할 때 이 kotlin-coroutines-flows 가이드를 활용하세요.
작성자 affaan-m
flutter-dart-code-review는 아키텍처, 위젯 품질, 상태 관리, 성능, 접근성, 보안, 클린 코드까지 아우르는 라이브러리 비종속 Flutter/Dart 코드 리뷰 체크리스트입니다. BLoC, Riverpod, Provider, GetX, MobX, Signals, 또는 커스텀 패턴 전반에서 Code Review용 구조화된 flutter-dart-code-review 가이드로 활용할 수 있습니다.
작성자 affaan-m
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 가이드를 활용하세요.
작성자 affaan-m
compose-multiplatform-patterns는 Compose Multiplatform과 KMP 앱의 Jetpack Compose를 위한 실용 가이드입니다. 상태 관리, 네비게이션, 테마, 성능, 재사용 가능한 UI 패턴을 다루며, Android, iOS, Desktop, Web 전반에서 프런트엔드 팀이 유지보수하기 쉬운 공유 화면을 만들 수 있도록 돕습니다.
작성자 affaan-m
click-path-audit 스킬은 모든 상태 변화를 따라 UI 핸들러 흐름을 추적해, 리팩터링 이후나 코드 리뷰 중에 발생하는 순서 버그, 공유 상태 충돌, 최종 상태 불일치를 찾아내는 데 도움을 줍니다.
작성자 wshobson
react-state-management는 상태 유형, 앱 규모, 마이그레이션 필요성에 따라 Redux Toolkit, Zustand, Jotai, React Query, SWR, RTK Query 같은 React 상태 관리 도구를 선택하고 활용할 수 있게 돕는 실용적인 스킬입니다.
작성자 microsoft
zustand-store-ts는 TypeScript 중심의 Zustand 스킬로, `subscribeWithSelector`를 활용한 타입 안전한 스토어, state/actions 분리, 셀렉터 기반 사용 패턴을 만드는 데 적합합니다. 공유 상태를 예측 가능하게 관리하고, 스토어 경계를 깔끔하게 나누며, React 앱에서 재사용 가능한 zustand-store-ts 가이드가 필요할 때 Frontend Development용 zustand-store-ts에 잘 맞습니다.
작성자 vuejs-ai
vue-pinia-best-practices는 Vue 3 팀이 Pinia를 더 안전하게 활용하도록 돕는 스킬로, 설치 시점, `storeToRefs` 사용, setup store 반환값, 그리고 URL과 store state를 어떻게 나눌지에 대한 명확한 가이드를 제공합니다.
작성자 alinaqi
기존 Flutter/Dart 앱에서 Riverpod, Freezed, go_router, mocktail을 활용할 때 참고하는 Flutter 스킬 가이드입니다. 적절한 파일을 찾고, 저장소 규칙을 따르며, 추측을 줄이면서 프런트엔드 변경을 진행하는 데 도움이 됩니다.
작성자 softaworks
react-useeffect는 `useEffect`가 정말 필요한지 판단하고, 안티패턴을 찾아내며, 렌더링 로직·이벤트 핸들러·`useMemo`·`key` 리셋·정리된 fetch Effect 같은 더 나은 React 대안을 고를 수 있게 도와주는 실전형 가이드입니다.
