Setup & Installation
Or with the ClawHub CLI, for registry-managed skill folders outside a full OpenClaw workspace:
What This Skill Does
SymbolPicker is a SwiftUI component for selecting SF Symbols on iOS, iPadOS, macOS, and visionOS. It mimics Apple's native picker interface and supports color binding, filled or outlined icon styles, and configurable dismissal behavior.
It replicates Apple's native SF Symbol picker UI, including search and color selection, without requiring developers to implement the sheet, bindings, and icon grid from scratch.
When to use it
- Letting users choose an icon for a custom task category
- Selecting a symbol and color for a habit tracker entry
- Picking shortcut icons in a launcher or home screen app
- Customizing icons for bookmarks or saved notes
- Building a symbol browser inside a SwiftUI design tool
Example Workflow
Here's how your AI assistant might use this skill in practice.
User asks: How do I add a symbol picker with color selection to a SwiftUI button?
- 1Add the SymbolPicker package from GitHub via Swift Package Manager (min version 1.0.0)
- 2Import SymbolPicker in the SwiftUI file
- 3Declare @State variables for isPresented, symbolName (String), and color (Color)
- 4Attach .symbolPicker(isPresented:symbolName:color:) to a Button
- 5Apply .symbolPickerSymbolsStyle(.filled) and .symbolPickerDismiss(type: .onSymbolSelect) as needed
A Button that opens a native-style symbol picker sheet with color selection, displaying filled icons and closing automatically after the user selects a symbol
Requirements
Accounts, API keys, or tools you or your AI assistant may need to set up while using this skill.