Skill UI

This skill provides guidance on implementing robust error handling strategies to build highly resilient applications. It covers advanced patterns such as circuit breakers, retries, and handling asynchronous errors, ensuring that the application fails gracefully and provides excellent debugging experiences for both developers and end-users.

A portable CI gate designed to enforce Core Web Vitals (LCP, CLS, INP) budgets and category score floors on production frontend builds. It integrates into CI pipelines to automatically block pull requests if the performance metrics fall below defined Google standards, ensuring consistently fast and reliable user experiences.

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 skill provides guidance on Apple's Human Interface Guidelines for designing user interfaces across different Apple platforms including iOS, iPadOS, macOS, tvOS, visionOS, and watchOS. It covers key principles like touch-first interaction for mobile, pointer and keyboard usage for desktop, and spatial interaction for visionOS. It helps developers and designers adapt layouts, navigation, and interactions to match platform conventions and user expectations, ensuring a native feel and consistent brand experience.

This comprehensive guide outlines Apple's Human Interface Guidelines (HIG) for various technologies and user flows (e.g., Siri, Apple Pay, HealthKit, ARKit, Generative AI). It teaches developers how to ensure their applications feel natively integrated, respect user privacy, and adhere to established platform patterns across iOS, macOS, and other Apple devices. Essential reading for building high-quality, compliant, and seamless user experiences.

This skill specializes in creating high-impact portfolios that convert visitors into job opportunities or clients. It covers developer, designer, and creative portfolios, focusing on UX, personal branding, and conversion optimization. The expert balances creativity with usability to ensure memorable experiences within the critical 30-second impression window. Ideal for users needing to showcase work effectively.

A comprehensive guide detailing how to implement Google's Material Design principles across various platforms, including Web (CSS), iOS (SwiftUI), and cross-platform (Flutter). It covers core concepts like Z-axis elevation, meaningful motion, structured layouts, typography, and component usage to ensure a cohesive and modern user experience.

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 mobile design skill enforcing mobile-first, touch-first, platform-respectful principles. It includes a feasibility risk index, mandatory thinking before work, reference reading requirements, and hard bans on performance, UX, and security anti-patterns. Ideal for designing or building mobile apps with optimal user experience and performance.

Covers core principles for mobile game development, including touch input handling, battery and thermal optimization, and performance targets. Provides guidance on iOS and Android app store requirements, monetization models, and common anti-patterns to ensure a smooth user experience on constrained mobile platforms.

Design first-use and onboarding experiences that create early wins, reduce setup friction, build ownership, and form lasting habits through stable cues. Ideal for products facing early user drop-off, long time-to-value, or needing to establish confidence and momentum in the first session.

Provides comprehensive architectural guidelines and code patterns for developing high-end, immersive 3D web experiences. This skill covers advanced topics such as custom WebGL shaders, post-processing effects (Bloom, Depth of Field), realistic physics interactions, and crucial performance optimization techniques, ensuring a premium, polished user experience across devices.