Does it support the new Liquid Glass design language?

Yes, it includes references for the Liquid Glass effect and depth layers introduced in newer iOS design iterations.

Does this skill include iOS 17 and 18 features?

Yes, it covers modern features like TipKit, scrollPosition, symbolEffect animations, and the @Previewable macro for Xcode 16.

Are there guides for data visualization?

Yes, it includes comprehensive documentation for Swift Charts, covering marks like LineMark, BarMark, and the newer Chart3D.

Does it provide information on version compatibility?

Yes, the skill includes a detailed version correspondence table mapping components to their required iOS versions.

Can it help with navigation design?

Absolutely. It provides detailed references for NavigationStack, NavigationSplitView, and managing state with NavigationPath.

SwiftUI UI Component Catalog

Name: SwiftUI UI Component Catalog
Author: xtone

byxtone

•

Mobile Development

Provides a comprehensive reference for modern SwiftUI components, layout patterns, and OS-specific implementation guides.

This skill serves as a detailed UI component library for iOS developers, covering essential SwiftUI elements from iOS 16 through the latest design paradigms. It offers structured guidance on navigation, charting, animations, and layout techniques, helping developers select the right components based on OS compatibility and design requirements. Whether implementing complex NavigationStacks, native Swift Charts, or experimenting with future-leaning Liquid Glass effects, this skill ensures best practices and efficient UI development through curated implementation patterns.

Key Features

01Reference patterns for NavigationStack, SplitView, and programmatic routing

02Native SwiftUI WebView and TipKit framework integration instructions

03Advanced animation support for SF Symbols, phase-based, and keyframe transitions

04Comprehensive OS compatibility mapping for iOS 16 through iOS 26+

05Implementation guides for Swift Charts, including 2D and 3D native support

063 GitHub stars

Use Cases

01Migrating from legacy NavigationView to modern NavigationStack and NavigationPath

02Identifying the best UI components available for a specific iOS deployment target

03Implementing complex data visualizations using the Swift Charts framework

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add xtone/ai_development_tools swiftui-components

For use in Claude.ai and ChatGPT

Download Skill