Skill UI

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.

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.

A comprehensive guide for implementing the "More is More" aesthetic. This style thrives on sensory overload, clashing neon colors, complex layered gradients, and chaotic typography mixes. Use this when the design needs to feel vibrant, intense, and visually dense, perfect for attention-grabbing web or app interfaces.

This guide details the principles and technical implementation of widget-based user interfaces, mimicking the aesthetic of modern mobile operating systems (like iOS Home Screen). It covers core design principles such as strict aspect ratios, glanceability, and corner radius matching. Practical code examples are provided for Web (CSS Grid), iOS (SwiftUI), and Cross-platform (Flutter) development, enabling designers to create modular, highly functional mini-apps.

This comprehensive guide provides developers with the foundational principles and actionable code examples for implementing the Y2K aesthetic. Learn how to achieve the signature look—incorporating chrome metallic effects, amorphous blob shapes, digital grid backgrounds, and neon glows—across web (CSS), iOS (SwiftUI), and cross-platform (Flutter) environments.

A comprehensive guide to configuring and hardening SAML 2.0 Single Sign-On (SSO) using Okta as the Identity Provider (IdP). This skill covers end-to-end flow implementation, attribute mapping, advanced security controls like SHA-256 signatures and AES-256 encryption, and testing procedures for robust, enterprise-grade identity access management systems.

This guide provides a deep dive into the cryptographic techniques used by ransomware, including AES, RSA, ChaCha20, and hybrid schemes. It covers identifying algorithms, analyzing key management patterns (strong, weak, flawed), and reverse engineering file encryption routines to assess decryption feasibility and support recovery efforts.

A comprehensive guide for implementing the raw, highly structured, and intentionally unfinished Brutalist aesthetic across web, mobile (SwiftUI, Flutter), and cross-platform applications. Learn to utilize stark borders, monospace fonts, high contrast colors, and system defaults to achieve a non-conventional, anti-polished design look.

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.

This skill provides comprehensive visual philosophy and art-direction guidelines for frontend design. It is ideal for creating high-concept campaigns, unique brand manifestos, or when a distinct, sophisticated, and art-like aesthetic is required. Users define a 'movement' and articulate its core principles across various sensory dimensions, ensuring the final output feels meticulously crafted and conceptually deep.

This skill performs a comprehensive usability audit and heuristic evaluation of interactive user interfaces (UIs). It goes beyond mere visual aesthetics, assessing whether a system is intuitive, easy to learn, and functional for a first-time user. Use it when auditing complex tools, editors, or apps to ensure the user can complete primary tasks without needing extensive instructions or guidance.