A specialized tool for implementing native-style SF Symbol pickers with color and style customization in SwiftUI applications.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install symbolpicker
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install symbolpicker 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 SymbolPicker?
SymbolPicker is a native SwiftUI component designed to simplify the process of selecting SF Symbols across Apple platforms including iOS, macOS, and visionOS. It provides a familiar, Apple-like interface for users while giving developers granular control over symbol styles, color bindings, and dismissal logic. This component is essential for apps that allow users to customize categories, icons, or visual markers using the Openclaw Skills framework for rapid integration.
By leveraging native UI paradigms, SymbolPicker ensures a consistent experience whether your app is running on a mobile device or a desktop environment. It handles the complexities of platform-specific presentation, such as sheets on iOS and popovers on macOS, allowing developers to focus on core app functionality.
SymbolPicker Use Cases
- Adding an icon picker to a category creation screen in a task manager or productivity app.
- Allowing users to select a custom SF Symbol and color for profile badges or folder icons.
- Implementing cross-platform symbol selection UI for iPadOS and macOS utilities.
- Customizing the appearance of symbols (filled vs. outlined) dynamically based on user preferences or app themes.
How SymbolPicker Works
- The developer attaches the
.symbolPickermodifier to a SwiftUI view, providing bindings for the presentation state and the selected symbol name. - The skill determines the optimal presentation style based on the target platform (e.g., a sheet for iOS or a popover for iPadOS/macOS/visionOS).
- Users interact with the interface to browse and select from the SF Symbol library, with optional support for color selection if a color binding is provided.
- Applied modifiers like
.symbolPickerSymbolsStyleand.symbolPickerDismissconfigure the specific visual rendering and behavioral logic of the picker session. - Upon symbol selection or manual dismissal, the bound variables are updated, immediately reflecting the user's choice in the parent application view.
SymbolPicker Setup
To integrate this component into your SwiftUI project, add the package dependency via Swift Package Manager:
https://github.com/SzpakKamil/SymbolPicker.git
Once added, import the library into your Swift files:
import SymbolPicker
Ensure your project deployment targets meet the minimum requirements: iOS 14.0+, macOS 11.0+, or visionOS 1.0+, and that you are using Swift 5.9 or later.
SymbolPicker Data Schema & Taxonomy
The skill manages symbol selection through a clean binding-based architecture. Below are the primary data points handled:
| Property | Type | Description |
|---|---|---|
symbolName |
Binding<String> |
The SF Symbol name string (e.g., "star.fill") returned to the parent view. |
isPresented |
Binding<Bool> |
The Boolean state controlling the visibility of the picker interface. |
color |
Binding<Color> |
Optional binding for symbol tinting, supporting SwiftUI Color or SymbolColor types. |
style |
Enum |
Determines icon rendering style, such as .filled or .outlined. |
dismissal |
Enum |
Defines the trigger for closing the picker, such as .onSymbolSelect. |
SymbolPicker Advanced Features
- Support for custom
SymbolColormodels and RGBA[Double]color arrays for precise design control. - Built-in support for VoiceOver and Dynamic Type to ensure accessibility compliance out of the box.
- Platform-aware UI that automatically switches between sheets and popovers to match native OS standards.
- Extensible dismissal logic and style modifiers that provide a high level of customization for power users within the Openclaw Skills ecosystem.
SKILL.md
Loading
Related Openclaw Skills
SearchBar Skill
A comprehensive SwiftUI component skill for building highly customizable, cross-platform search bars with support for tokens and suggestions.
PagerKit SwiftUI Navigation Skill
An expert AI assistant for implementing PagerKit, a powerful SwiftUI library for highly customizable and cross-platform page-based navigation.
ColorKit
A professional AI guide for the ColorKit Swift library, specializing in advanced color space conversion, blending modes, and accessibility compliance.
Local Piper TTS Multilang Secure
A secure, fully offline text-to-speech engine powered by Piper, featuring automatic language detection and on-demand voice model management.
A-Share Stock Dossier
A professional-grade analysis skill that generates transparent, evidence-first dossiers for A-share stocks and portfolios using multi-source verification.
Model Usage
A monitoring utility that tracks real-time API quotas, remaining balances, and refresh schedules for high-performance AI models.
Featured*
