reusable-ui-components
Guidelines for creating reusable, portable UI components with native-first design, compound patterns, and accessibility
Guidelines for creating reusable, portable UI components with native-first design, compound patterns, and accessibility
Configure light/dark/system theme handling across iOS, Android, and Web with universal CSS
Start a Figma design session on macOS — opens Figma, launches the Vibma plugin, and connects via MCP. Uses osascript/AppleScript. Handles common failure modes. Use when starting work or when the connection drops.
Generate Textual (Python) TUI application structure with widgets, screens, and CSS styling.
Build AppImage bundles with AppDir structure for portable Linux applications
Create macOS DMG installers with custom backgrounds and app placement
Configure Flutter for desktop platforms with platform channels and native integrations
Generate .NET MAUI project with platform-specific handlers for desktop and mobile
Build native OS notifications with actions, images, and progress indicators across platforms
Configure Neutralino.js for lightweight desktop applications
Cross-platform screen and window capture for screenshots and recording
Configure Swift Package Manager with platform-specific dependencies and build settings
Generate SwiftUI views with proper state management (@State, @Binding, @ObservedObject, @StateObject) and macOS-specific patterns
Specialized skill for Flutter app development and Dart programming
Mobile accessibility testing skill for WCAG compliance, VoiceOver/TalkBack validation, dynamic type support, color contrast analysis, and accessibility auditing across iOS and Android platforms.
Appium mobile testing framework for iOS and Android automation
Expert skill for native iOS development with Swift and SwiftUI
Deep integration with React Native ecosystem for cross-platform mobile development
Build beautiful cross-platform mobile apps with Expo Router, NativeWind, and React Native.
Guidelines for upgrading Expo SDK versions and fixing dependency issues.
Comprehensive coding skill for Android projects using Kotlin, Jetpack Compose, Hilt DI, multi-module Clean Architecture, and MVVM. Use this when asked to create, edit, debug, test, or refactor any Android code — including features, ViewModels, composables, repositories, use cases, Gradle files, and tests. Also use this when setting up a new Android project or module.
Migrate React components from external Skyscanner repositories (e.g., carhire-homepage) into Backpack design system components. Use when: (1) Component exists in app-specific repo with "unstable_backpack" or similar prefix, (2) Component needs to be promoted to official Backpack component, (3) Converting app code to follow Backpack constitution, (4) Extracting reusable UI patterns from product repos. Covers GitHub API access, Backpack naming conventions, modern Sass API, TypeScript patterns, license headers, accessibility testing, and Storybook integration. MANDATORY: Component must pass full test suite (npm run lint && npm run check-react-versions && npm run check-bpk-dependencies && npm run jest) with 0 errors before acceptance.
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.
Swift 6+ development specialist covering SwiftUI, Combine, Swift Concurrency, and iOS patterns. Use when building iOS apps, macOS apps, or Apple platform applications.