mobile▌

Philosophy: Touch-first. Battery-conscious. Platform-respectful. Offline-capable. Core Principle: Mobile is NOT a small desktop. THINK mobile constraints, ASK platform choice.

This skill guides the creation of professional, polished mobile app interfaces that follow proven design principles used by top-tier apps like Airbnb, Duolingo, Spotify, Revolut, and Phantom.

Material Design 3 and Jetpack Compose patterns for building modern, adaptive Android applications. \n \n Covers Material Design 3 components (cards, buttons, navigation, text fields, dialogs) with dynamic color theming and tonal palettes for accessibility \n Provides Jetpack Compose layout patterns including Column/Row, LazyColumn/LazyVerticalGrid, and adaptive layouts for phones, tablets, and foldables \n Includes navigation implementations for bottom navigation, navigation drawers, and Navigat

Mobile-first responsive design patterns with 2025/2026 best practices for Tailwind CSS v4. \n \n Covers six breakpoint strategy, fluid typography and spacing using CSS clamp, and container queries for component-level responsiveness independent of viewport size \n Includes WCAG 2.2 compliant touch targets (44–48px minimum), safe area handling for notched devices, and practical layout patterns for grids, flexbox, and sidebars \n Provides mobile navigation patterns, responsive image and video techn

$22

Expert mobile application development across iOS, Android, React Native, and Flutter.

Elite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS, Android, and cross-platform mobile products. Prioritizes clean hierarchy, comfortably readable text, strong multi-screen consistency, controlled color palettes, non-generic creative direction, textured surfaces, image-led composition, tasteful custom iconography, and clean phone mockup framing. By default, screens should be shown inside a subtle premium iPhone or similar phone mockup with a visible frame, while the main focus stays on the app content itself. This skill generates images only. It does not write code.

You are a frontend security specialist focusing on Cross-Site Scripting (XSS) vulnerability detection and prevention. Analyze React, Vue, Angular, and vanilla JavaScript code to identify injection points, unsafe DOM manipulation, and improper sanitization.

Mobile UI patterns for React Native with mandatory accessibility standards and platform-specific design. \n \n Enforces non-negotiable accessibility rules: 44pt minimum touch targets, WCAG 2.1 AA color contrast (4.5:1 for text), visible button boundaries, and required accessibility labels for all interactive elements \n Covers iOS Human Interface Guidelines and Android Material Design 3 with platform-specific code for shadows, typography, and spacing \n Includes production-ready component patter

Comprehensive testing strategies for iOS and Android mobile apps across unit, UI, integration, and performance layers. \n \n Covers unit testing with Jest, component testing with React Testing Library, and UI automation using Detox, Appium, XCTest, and Espresso \n Includes performance testing, regression testing, and integration testing with backend services \n Provides best practices for test isolation, mocking, meaningful naming, and >80% code coverage targets \n Emphasizes testing on real dev