Skill UI

This skill enables deploying Expo applications to production using Expo Application Services (EAS). It covers building and submitting apps to iOS App Store, Google Play, and TestFlight. Users can configure build profiles, manage version numbers, and publish metadata. Additionally, it supports deploying web bundles and API routes via EAS Hosting, facilitating CI/CD automation for cross-platform mobile development workflows.

This skill enables developers to build Expo development clients using EAS Build for testing native code changes on physical devices. It is recommended for real or production apps instead of Expo Go, supporting local modules, Apple targets, and third-party native modules. Users configure eas.json with developmentClient settings and use commands like eas build to create iOS or Android builds for TestFlight or local installation.

This guide covers creating and writing Expo native modules and views using the Expo Modules API. It supports Swift for iOS, Kotlin for Android, and TypeScript. Topics include module definition DSL, native views, shared objects, config plugins, lifecycle hooks, autolinking, and type system. Ideal for adding native functionality like camera or sensors to Expo apps.

Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling across iOS, Android, and Web. Covers installation, Metro/PostCSS configuration, global CSS, and reusable component wrappers.

Build native iOS and Android UI components using React with the @expo/ui package. Supports universal cross-platform components and platform-specific SwiftUI or Jetpack Compose rendering. Ideal for Expo SDK 56+ projects needing high-performance native interfaces without writing separate native code.

Build iOS-native Expo SDK 55 UI with SwiftUI views and modifiers, using Host and RNHostView embedding, requiring native rebuild for full functionality.

Generate images and videos using fal.ai AI models by resolving prompts, aspect ratios, durations, and budgets, then submitting the smallest bounded job through a verified fal.ai integration and reporting job status.

This comprehensive guide provides core principles and implementation patterns for adopting the Flat Design aesthetic. It details how to build interfaces across web (CSS), mobile (SwiftUI, Flutter), and cross-platform frameworks, emphasizing zero depth, sharp geometries, and high-contrast solid colors while strictly avoiding shadows, gradients, and bevels. Use this when aiming for a modern, minimalist, and clean UI/UX experience.

A comprehensive guide for implementing Flat Design 2.0 (Semi-Flat). This style maintains the clean, solid aesthetic of flat design while introducing subtle, diffuse shadows and micro-gradients to enhance perceived depth and communicate element interactability (e.g., buttons, cards). It provides detailed, cross-platform code examples for Web (CSS), iOS (SwiftUI), Flutter, and React Native.

A comprehensive guide covering the aesthetic and technical implementation of floating User Interface (UI) elements. Learn how to create detached, elevated components, such as cards and navigation bars, giving the application a light, airy, and modern feel across Web (CSS), iOS (SwiftUI), and Flutter platforms. Key principles include soft shadows, generous margins, and pill shapes.

This skill covers Formik form handling patterns for React applications. It includes setting up basic forms, implementing validation schemas using Yup, handling form field helpers, and managing form submission with GraphQL. Suitable for building login forms, edit forms, and complex input validation scenarios in TypeScript environments.

Detect exploitable vulnerabilities in GitHub Actions workflows by tracing concrete attack paths from external attackers — pwn requests, expression injection, credential escalation, supply chain risks — and report only verified, evidence-based findings with full exploitation scenarios.