Setup & Installation
openclaw skills install @svkozak/sfsymbol-generator
Or with the ClawHub CLI, for registry-managed skill folders outside a full OpenClaw workspace:
npx clawhub install sfsymbol-generator
What This Skill Does
Generates an Xcode SF Symbol asset catalog .symbolset from an SVG file. Creates the symbolset folder, Contents.json, and injects SVG paths into the SF Symbols template across Ultralight, Regular, and Black weight variants.
Automates the manual process of structuring a .symbolset, writing Contents.json, and injecting paths into SF Symbols weight variants, which otherwise requires the SF Symbols Mac app and manual template editing.
When to use it
- Adding a company logo as a custom SF Symbol in a SwiftUI app
- Converting a brand icon SVG for use in an iOS tab bar
- Generating a symbolset for an Xcode asset catalog during app development
- Creating weight-variant icons from a single SVG source
- Automating symbolset creation as part of an iOS build workflow
Example Workflow
Here's how your AI assistant might use this skill in practice.
INPUT
User asks: convert /Users/admin/Desktop/pi-logo.svg to a custom SF Symbol named pi.logo
AGENT
- 1Validates the SVG path and confirms a viewBox is present
- 2Computes path bounds and centers them within SF Symbols template margins
- 3Injects paths into Ultralight, Regular, and Black weight variants of the template
- 4Creates pi.logo.symbolset folder inside Assets.xcassets/Symbols
- 5Writes the matching Contents.json for the symbolset
OUTPUT
pi.logo.symbolset directory ready to add to an Xcode project