Skill UI

A comprehensive guide to implementing the Minimalism design aesthetic across web, iOS (SwiftUI), Flutter, and React Native. This style mandates generous whitespace, strict typography, and the elimination of visual clutter (like borders and shadows), ensuring that content remains the primary focus and the user experience feels clean and breathable.

A comprehensive guide detailing the implementation of the Neo-Brutalist design aesthetic. It specifies core principles, including hard drop shadows, thick black outlines, and high-contrast flat colors. Includes detailed, platform-specific code examples for Web (CSS), SwiftUI, and Flutter, helping developers achieve a playful yet structured, high-impact UI look.

Generate production-quality React components and UIs using the specialized Rayden UI component library and Tailwind CSS. This skill ensures that all generated code strictly adheres to a defined design system, including correct component usage, design tokens, prop validation, and established layout patterns. Ideal for scaffolding complex pages like dashboards, login forms, and data tables while maintaining premium aesthetics and consistency.

A comprehensive style guide and implementation toolkit for achieving authentic vintage aesthetics, inspired by 60s-80s retro design. It covers core principles like warm, muted color palettes, subtle noise textures, and classic typography pairings. Provides detailed code examples for Web (CSS), iOS (SwiftUI), and Android (Flutter) to recreate the analog, nostalgic feel in modern applications.

A comprehensive style guide and implementation reference for the Retro Futurism aesthetic. Perfect for designing interfaces that evoke the 1950s and 1960s space age, atompunk, or mid-century modern vibes. It outlines core principles, color palettes, typography, and provides cross-platform code examples (CSS, SwiftUI, Flutter, React Native) to achieve sleek, aerodynamic, chrome finishes.

A comprehensive guide for implementing soft pastel, low-contrast aesthetics across web, iOS (SwiftUI), and Flutter applications. Details include desaturated color palettes (mint, blush, lavender), rounded corner principles, airy spacing techniques, and specific CSS/SwiftUI code examples for achieving a calming, gentle user interface suitable for lifestyle or baby-related branding.

A comprehensive guide for implementing spatial, mixed-reality user interfaces. Inspired by Apple Vision Pro and AR aesthetics, this pattern uses environmental transparency, blurred glass-like panels, and dynamic lighting effects to create deeply integrated, context-aware layouts for web and mobile applications.

A comprehensive guide for building or reviewing SwiftUI User Interfaces that utilize the modern Liquid Glass aesthetic. This skill focuses on correctly implementing native Apple APIs (like `glassEffect` and `GlassEffectContainer`) while ensuring proper fallback mechanisms, modifier ordering, and performance for iOS 26+ devices. Ideal for adopting cutting-edge iOS design patterns.

A comprehensive style guide for implementing the Synthwave and Outrun aesthetic across web and mobile applications. This guide details the core principles, including dark mode backgrounds, glowing neon accents (magenta, cyan), and the signature perspective grid. It provides technical examples using CSS, SwiftUI, Flutter, and React Native to achieve authentic retro-futuristic visual fidelity.

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 skill enables agents to search and fetch high-quality, free professional photography from Unsplash for websites, apps, and marketing materials. It helps replace generic placeholders with premium visual assets, ensuring a modern aesthetic through intentional keyword search, filtering, and dynamic image resizing via API.

A comprehensive guide for developers to implement the iconic Vaporwave aesthetic across multiple platforms, including Web (CSS), iOS (SwiftUI), and Flutter. It details core principles such as 90s OS motifs, cyan/magenta neon gradients, and surreal pastel color palettes, enabling the creation of nostalgic, retro-futuristic user interfaces.