PagerKit SwiftUI Navigation Skill for Openclaw

An expert AI assistant for implementing PagerKit, a powerful SwiftUI library for highly customizable and cross-platform page-based navigation.

szpakkamil
v1.0.1
Feb 2, 2026
1
3.1k
0

Install & Download

1. ClawHub CLI

The fastest way to install a skill directly from the registry.

npx clawhub@latest install pagerkit

2. Manual Installation

Copy the skill folder to one of these locations

Global
~/.openclaw/skills/
Workspace
<project>/skills/

Priority: Workspace > Local > Bundled

3. Prompt Installation

Copy this prompt to OpenClaw to install it automatically.

Help me install pagerkit using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).

Prefer to download?

Get the raw skill files in a ZIP archive.

What is PagerKit SwiftUI Navigation Skill?

PagerKit is a comprehensive SwiftUI library designed to empower developers with advanced paging capabilities that go beyond standard system components. It provides a declarative way to build complex, multi-platform navigation flows across iOS, macOS, tvOS, and watchOS. By utilizing this skill within Openclaw Skills, developers gain access to deep technical insights for creating fluid paging experiences, from simple onboarding flows to intricate dynamic layouts.

The skill emphasizes idiomatic SwiftUI patterns, particularly the use of PKPageBuilder and ForEach for constructing pages. It bridges the gap between high-level UI design and low-level platform implementation, ensuring that custom page indicators, specific transition behaviors, and cross-platform image handling are handled correctly according to the latest Apple development standards.

PagerKit SwiftUI Navigation Skill Use Cases

  • Creating interactive app onboarding flows with custom dot indicators and branding.
  • Developing cross-platform media galleries that require consistent paging behavior across iOS and macOS.
  • Implementing dynamic content carousels that generate pages from live data collections.
  • Building vertical navigation interfaces for specialized watchOS or visionOS applications.
  • Adding fine-grained event tracking for user navigation and automated page transitions.

How PagerKit SwiftUI Navigation Skill Works

  1. Define the primary pager structure using the PKPagesView container to host your navigational content.
  2. Wrap individual views within PKPage components to enable page-specific modifiers like transition durations or custom footers.
  3. Bind the pager to a SwiftUI @State or @Binding variable to maintain synchronization between the UI and the current page index.
  4. Apply global modifiers to PKPagesView to customize navigation orientation, indicator styles, and background aesthetics.
  5. Implement event callbacks such as manual page change handlers to trigger haptics, analytics, or secondary UI updates based on navigation direction.

PagerKit SwiftUI Navigation Skill Setup

To integrate this skill into your workflow, first ensure your project environment meets the requirements of iOS 14.0+ and Swift 5.9+.

  1. Open your project in Xcode and navigate to File > Add Package Dependency.
  2. Enter the repository URL: https://github.com/SzpakKamil/PagerKit.git.
  3. Import the library into your SwiftUI files:
import PagerKit
  1. For Openclaw Skills users working on package manifests, add the following to your Package.swift:
.package(url: "https://github.com/SzpakKamil/PagerKit.git", from: "1.0.0")

PagerKit SwiftUI Navigation Skill Data Schema & Taxonomy

The PagerKit skill organizes navigation data through a structured hierarchy of components and modifiers:

Component Responsibility Key Metadata
PKPagesView Root container for the paging interface Orientation, Index Binding, Indicator Alignment
PKPage Individual content wrapper Duration, Footer Content, Per-page Indicators
PKPageBuilder Content DSL Supports standard Swift control flow (if/else)
PKPageControl Visual navigation indicators Background Style, Tint Colors, Spacing

PagerKit SwiftUI Navigation Skill Advanced Features

  • Direct access to PKPageBuilder for declarative and conditional page generation logic.
  • Support for vertical navigation orientation via the pkPageNavigationOrientation modifier.
  • Deep event hooks for detecting manual vs. automatic transitions, including the direction of the swipe.
  • Multi-platform asset management using cross-platform image modifiers for indicators.
  • Granular control over page indicator background styles including minimal, prominent, and automatic modes.

SKILL.md


Loading

Related Openclaw Skills

METADATA

Github Stars: 0
forks: 0

Featured*