Skill UI

A comprehensive guide to implementing Claymorphism, a playful and tactile UI/UX design trend. This style emphasizes soft, rounded shapes, inflated 3D volumes, and continuous curves, giving elements the look of soft clay or balloons. Learn the core principles, color palettes, and implementation techniques across CSS, SwiftUI, and Flutter.

A comprehensive guide for implementing the Glassmorphism aesthetic across web and mobile applications. Learn the core principles, including backdrop filtering, semi-transparent backgrounds, and light borders, to create a modern, frosted glass look inspired by macOS and contemporary digital interfaces. Includes code examples for CSS, SwiftUI, and Flutter.

Neumorphism, or Soft UI, is a contemporary design trend where interface elements appear extruded from the background material itself. This guide details the core principles—unified colors and dual shadows (light highlight and dark shadow)—and provides comprehensive implementation examples for web (CSS), iOS (SwiftUI), and cross-platform (Flutter) development. Use this style when a subtle, soft, and integrated aesthetic is desired.

Use @expo/ui to build high-fidelity, native user interfaces across iOS and Android from a single React codebase. This library renders real native UI components, such as SwiftUI on iOS and Jetpack Compose on Android. It promotes a universal component layer for cross-platform consistency, while also providing controlled access to platform-specific optimizations and drop-in replacements for existing community libraries.

This skill systematically scans Apple's comprehensive developer documentation, specifically targeting SwiftUI. It identifies deprecated APIs, finds their modern replacements, and updates the expert skill's reference guide. Use this when required to refresh deprecated features, check for new API deprecations after an iOS/Xcode update, or maintain the most current best practices for SwiftUI development.

A comprehensive guide to building high-performance, scalable UIs using the latest SwiftUI best practices. Covers advanced state management with @Observable, type-safe navigation using NavigationStack, view composition techniques, and crucial performance optimization tips for iOS and macOS development.

Design, implement, review, or refactor native macOS 27 Golden Gate interfaces in SwiftUI or AppKit. Ensures apps match Apple's current macOS 27 UI kit with restrained Liquid Glass language, integrated windows, full-height sidebars, native toolbars, flat lists, and clear pane boundaries. Ideal for Figma design-to-code work and audits of boxed interfaces.

Provides web and app implementation guidance for AI-native interfaces, covering conversational input, adaptive layouts, generative loading states, glowing borders, SwiftUI, Flutter, and CSS examples.

A comprehensive guide for implementing 'Aurora UI' aesthetics across multiple platforms including Web, SwiftUI, and Flutter. Learn how to create ethereal, atmospheric backgrounds using blurred color orbs, glassmorphism overlays, and fluid motion, ideal for luxury, futuristic, or high-end applications.

Implementation guide for Bento UI modular grid layouts, with CSS, SwiftUI, and Flutter examples for dashboard cards, rounded compartments, and consistent spacing.

This skill provides a comprehensive guide for implementing Brutalist Typography in web and mobile applications. It focuses on aggressive layout decisions, oversized system fonts, and raw visual presentation. Users can apply this style to create bold, unpolished designs that break traditional grid systems and design conventions. Includes CSS, SwiftUI, Flutter, and React Native implementation examples.

Implementation guide for card-based web and app interfaces, covering Pinterest-style layouts, reusable content cards, responsive grids, shadows, and examples in CSS, SwiftUI, Flutter, and React Native.