Skill UI

Mastery of modern mobile development across multiple platforms, including React Native, Flutter, and native iOS/Android. Expertise covers the entire lifecycle, specializing in architectural patterns (Clean, MVVM), performance optimization, offline-first data synchronization (GraphQL, SQLite), advanced DevOps practices (CI/CD, Fastlane), and App Store Optimization (ASO). Ideal for building robust, scalable, and highly performant cross-platform applications.

Comprehensive guide for implementing Firebase Cloud Messaging (FCM) in Flutter applications. Learn how to set up push notifications across iOS, Android, and Web, manage permissions, handle incoming messages in foreground, background, and terminated states, and properly manage FCM token lifecycles.

This skill guides the use of Patrol for writing robust End-to-End (E2E) and integration tests in Flutter. It is essential for validating complex user flows, interactions with native APIs (like permissions or deep links), and ensuring cross-platform consistency across Android, iOS, and Web. It helps capture UI regressions and validates the entire application state.

This expert playbook details advanced techniques for bypassing SSL pinning mechanisms (Certificate, Public Key, SPKI) on mobile applications running on Android and iOS. It provides practical methods using tools like Frida and Objection, covering various frameworks (Flutter, React Native, Xamarin) and multiple pinning types to enable the interception and analysis of encrypted HTTPS traffic.

A comprehensive guide for designing and implementing 3D user interfaces across web, mobile, and cross-platform environments. Learn core principles like perspective transformations, Z-axis depth, and interactive rotation to build visually stunning, spatially immersive, and highly engaging product experiences.

A comprehensive guide for designing and implementing professional, data-driven dashboards across web, iOS, and Flutter. It details core principles like modular grid layouts, establishing data hierarchy (KPIs, charts), and maintaining minimalist aesthetics. Includes specific code examples using CSS Grid, SwiftUI, and Flutter widgets to ensure optimal user experience and data clarity.

A comprehensive guide detailing how to implement Google's Material Design principles across various platforms, including Web (CSS), iOS (SwiftUI), and cross-platform (Flutter). It covers core concepts like Z-axis elevation, meaningful motion, structured layouts, typography, and component usage to ensure a cohesive and modern user experience.

This skill guide provides comprehensive implementation details for the Metro/Modern UI style, mimicking the aesthetic of Windows Phone/8 start screens. It focuses on creating sharply cornered, flat-color tiles arranged in a horizontally scrolling grid. Key features include live data updates (e.g., tile flipping) and replicating the classic interactive 'tilt' effect. Applicable for cross-platform development using Web (CSS), iOS (SwiftUI), and Flutter.

This guide details the principles and technical implementation of widget-based user interfaces, mimicking the aesthetic of modern mobile operating systems (like iOS Home Screen). It covers core design principles such as strict aspect ratios, glanceability, and corner radius matching. Practical code examples are provided for Web (CSS Grid), iOS (SwiftUI), and Cross-platform (Flutter) development, enabling designers to create modular, highly functional mini-apps.

This comprehensive guide provides developers with the foundational principles and actionable code examples for implementing the Y2K aesthetic. Learn how to achieve the signature look—incorporating chrome metallic effects, amorphous blob shapes, digital grid backgrounds, and neon glows—across web (CSS), iOS (SwiftUI), and cross-platform (Flutter) environments.