Skill UI

A comprehensive guide covering the aesthetic and technical implementation of floating User Interface (UI) elements. Learn how to create detached, elevated components, such as cards and navigation bars, giving the application a light, airy, and modern feel across Web (CSS), iOS (SwiftUI), and Flutter platforms. Key principles include soft shadows, generous margins, and pill shapes.

This skill covers Formik form handling patterns for React applications. It includes setting up basic forms, implementing validation schemas using Yup, handling form field helpers, and managing form submission with GraphQL. Suitable for building login forms, edit forms, and complex input validation scenarios in TypeScript environments.

Provides comprehensive guidelines and code examples (CSS, SwiftUI, Flutter) for implementing modern, dynamic gradient designs. Ideal for projects needing vibrant transitions, animated backgrounds, and an energetic, contemporary aesthetic. Learn how to apply complex color blending to backgrounds, text, and borders across major platforms.

This skill acts as a cognitive psychologist specializing in attention and curiosity research to engineer high-impact headlines. It creates information gaps and triggers emotional states to encourage reading without resorting to vague clickbait. It analyzes target psychographics, awareness stages, and channel constraints to optimize headlines for ads, landing pages, emails, or social posts. The framework ensures ethical persuasion by maintaining promise continuity and avoiding manipulation, balancing tension with trust to maximize engagement and conversion effectively.

Apple Human Interface Guidelines for content display components — charts, collections, image views, web views, and lockups. Offers component selection, configuration, accessibility, and platform-specific guidance for iOS, macOS, tvOS, watchOS, and visionOS.

Guidelines for Apple Human Interface layout and navigation components, covering hierarchical organization, standard navigation patterns, screen adaptation, and platform-specific best practices for iOS, iPadOS, macOS, and visionOS.

Provides Apple Human Interface Guidelines for navigation components like search fields, page controls, and path controls. Covers placement, behavior, and platform differences for iOS, iPadOS, and macOS.

Provides Apple Human Interface Guidelines for status and progress UI components. Covers progress indicators (determinate/indeterminate), status bars visibility, and activity rings for fitness. Includes accessibility and platform-specific behavior recommendations for iOS, iPadOS, and watchOS development.

Core principles for designing user interfaces on Apple platforms. Covers accessibility, system colors, typography, motion, and privacy. Ensures consistency with Apple's design language across iOS, macOS, and visionOS.

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 comprehensive guide outlines the principles and technical implementation for creating highly accessible, high-contrast user interfaces. It ensures WCAG AAA compliance by specifying pure black/white color pairings, clear boundaries, and legible typography across web (CSS), iOS (SwiftUI), and Android (Flutter) platforms. Ideal for applications requiring maximum legibility and stark visual impact.