react-game-ui
React game UI patterns using shadcn/ui, Tailwind, and Framer Motion for polished game interfaces. Use when building HUDs, resource bars, scoreboards, modals, tooltips, card components, or any game UI. Includes micro-interactions, animations, responsive layouts, and accessibility for games. Triggers on requests for game interface components, UI animations, or shadcn/ui game patterns.
angular-20-standalone-component
Create Angular 20 standalone components using modern patterns: Signals for state management, input()/output() functions (not decorators), @if/@for/@switch control flow (not *ngIf/*ngFor), inject() dependency injection (not constructor), and OnPush change detection. Use this skill when scaffolding new UI components that need reactive state, form handling, or integration with services following the three-layer architecture.
moai-lang-flutter
Flutter 3.24+ / Dart 3.5+ development specialist covering Riverpod, go_router, and cross-platform patterns. Use when building cross-platform mobile apps, desktop apps, or web applications with Flutter.
dongshan-next-map-development
Expert guide for developing the Dongshan Next Map LBS game, covering 3-layer architecture, Zustand state management, custom Systems (LBS, Save, Quest), and HUD development.
windows-app-developer
Expert in building modern Windows applications using WinUI 3, WPF, and the Windows App SDK. Specializes in MSIX packaging, XAML styling, and MVVM architecture.
healthcare-medical
Use when designing animations for medical apps, patient portals, telehealth, or health tracking interfaces
flutter-expert
Expert Flutter developer specializing in Dart, widget composition, and cross-platform mobile development. Masters state management, platform channels, and performance optimization for iOS and Android applications.
metal-graphics
Metal GPU graphics for games - render pipeline, shaders, MTKView, MetalFX upscaling. Triggers on Metal, GPU, graphics, shaders, render pipeline, MTKView, game rendering, 3D graphics.
icon-generation
Generate app icons (SVG/PNG) and launcher icons for Android Flutter apps. Use when creating UI icons, launcher icons, or platform-ready icon assets. Handles sizing, formats, and flutter_launcher_icons integration.
tentap-editor
This skill should be used when users need to implement or work with the TenTap rich text editor for React Native. It provides comprehensive guidance on installation, basic setup, advanced customization, API reference, and real-world examples for building rich text editing experiences in mobile applications.
android-code-review
Critical Android code review for Payoo Android app. Focuses on high-impact issues - naming conventions, memory leaks, UIState patterns, business logic placement, lifecycle management, and MVI/MVVM pattern violations. Use when reviewing Kotlin files, pull requests, or checking ViewModels, Activities, Fragments, UseCases, and Repositories.
refactorreact-native
Refactor React Native and TypeScript code to improve maintainability, readability, and performance for cross-platform mobile applications. This skill transforms complex mobile code into clean, well-structured solutions following React Native New Architecture patterns including Fabric, TurboModules, and JSI. It addresses FlatList performance issues, prop drilling, platform-specific code organization, and inline styles. Leverages Expo SDK 52+ features, React Navigation v7, and Reanimated for smooth 60fps animations.
context-state-tracker
State persistence across autonomous coding sessions. Use when saving progress, loading context, managing feature lists, tracking git history, or restoring session state.
moai-lang-dart
Dart 3.5 enterprise development with Flutter 3.24, advanced async programming,
ios-coredata-pattern
iOS Core Data persistence and data modeling guide. When to use: when implementing data storage in iOS apps, creating new Core Data entities, setting up persistent storage, working with SQLite databases, or managing data relationships. What problems it solves: provides robust data persistence with automatic schema migrations, manages complex object relationships, enables efficient querying and filtering, and handles background threading for data operations.
android-stop-app
Stop the Android app running on connected device. Cleanly terminates the app using force-stop. Use when stopping the app for debugging, testing, or cleanup.
game-mobile-ui
用于游戏项目的移动端界面样式与适配。涉及统一移动布局触发条件、移动端 UI 样式调整、触摸交互优化、以及小游戏虚拟摇杆接入与复用时使用；也用于快速定位移动端相关文件与入口。
react-mobile-app-dev
专门用于React移动端Web应用开发的技能，涵盖响应式设计、性能优化、PWA、触摸交互、移动端适配等全流程开发指导。
motion-one
Use when implementing Disney's 12 animation principles with Motion One (modern, lightweight animation library)
debugger-agent
Build, run, and debug iOS apps on a simulator. Use when asked to run an iOS app, interact with the simulator UI, capture logs, or diagnose runtime behavior.
