Skill UI

This comprehensive skill serves as an entry point for all web UI design needs, covering components, pages, dashboards, and advanced layouts using React, Vue, or pure HTML/CSS. It addresses not only aesthetics and polish (color, typography, spacing) but also deep structural concerns like responsive design, UX auditing, and visual system implementation. Use it whenever a user asks to improve the look, feel, or function of a digital interface.

A comprehensive guide for designing and implementing professional, data-driven dashboards across web, iOS, and Flutter. It details core principles like modular grid layouts, establishing data hierarchy (KPIs, charts), and maintaining minimalist aesthetics. Includes specific code examples using CSS Grid, SwiftUI, and Flutter widgets to ensure optimal user experience and data clarity.

A comprehensive technical guide for implementing the nostalgic Frutiger Aero aesthetic across web and mobile platforms. This style, popular in the mid-2000s, is characterized by glossy gradients, translucent glass effects, and nature-inspired motifs (sky, water, grass), creating an optimistic, skeuomorphic user interface experience.

This comprehensive guide provides technical implementations for achieving a modern 'Layered Design' aesthetic. It teaches developers how to create depth, intentional overlapping, and clear stratification across various platforms. Includes detailed code examples for CSS, SwiftUI, Flutter, and React Native to build complex, dimensional user interfaces.

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 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 presentation template designed for educational workshops and training sessions. It features a warm paper aesthetic, persistent learning objectives on the left sidebar, core content slides, interactive Multiple Choice Question (MCQ) self-assessment pages, and module wrap-ups, ensuring a structured and engaging learning experience.

A specialized presentation deck template adopting a cyberpunk, CRT terminal aesthetic. It is ideal for conducting deep technical reviews, such as benchmarking CLI agents, demonstrating code diffs, or presenting complex development tool analyses. Features a dark background, grid lines, command prompt indicators, and structured tagging for maximum professional impact.

A sophisticated presentation template designed for technical content, mimicking the clean, professional aesthetic of GitHub blogs or product changelogs. It features a dark GitHub-dark background, vibrant purple and blue radial ambient lighting, a multi-color gradient title, and dedicated GitHub-style code blocks. Perfect for tech talks, deep-dive tutorials, and developer documentation.