skills.rest
wagnerlabs
wagnerlabsOFFICIAL
Explore all skills by this author →
GitHub

custom-sf-symbols

Generate custom SF Symbols as .symbolset files in Apple's Template v.4.0 format.

Updated Apr 11, 2026
Search Tags:#ui design#sf symbols#macos icons#iOS icons#custom symbols
One-click install
npx skills add https://github.com/wagnerlabs/skills --skill custom-sf-symbols
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: custom-sf-symbols
Source: https://github.com/wagnerlabs/skills/tree/main/custom-sf-symbols
Command: npx skills add https://github.com/wagnerlabs/skills --skill custom-sf-symbols

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires swiftc, python3, Pillow, and includes scripts (resource) and assets (resource) components.

What problem does it solve?

This Skill simplifies the creation of custom SF Symbols, enabling developers and designers to create visually consistent icons that match Apple's design standards for macOS and iOS applications.

Core Features & Use Cases

  • Native SF Symbol Creation: Build icons that align with Apple's visual style guide.
  • Customization: Adjust stroke weights, corner radii, and other metrics for unique symbols.
  • Variants and Mirroring: Generate multiple variations of symbols, including mirrored or restyled versions.

Quick Start

To create a custom SF Symbol, first choose a reference system symbol. Use the skill's measurements and templates to build a new symbol that matches the style you want. Once designed, preview and package the symbol as a .symbolset for integration into your project.

Frequently Asked Questions about custom-sf-symbols

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create custom SF Symbols that match Apple's design style?▼

To create custom SF Symbols that match Apple's design style, you measure real Apple symbols, construct parametric SVG paths, and package them into a .symbolset file using Template v.4.0 format.

Do I need Swift and Python to build custom iOS symbols?▼

Yes, building custom iOS symbols requires Swift, Python, and the Pillow library, alongside the SF Symbols.app for design reference and validation.

How do I generate mirrored variants of macOS icons?▼

You can generate mirrored variants of macOS icons by using the skill's parametric SVG templates to automatically create multiple variations, including restyled or mirrored versions of the original symbol.

Can I adjust stroke weights and corner radii for custom SF Symbols?▼

Yes, you can adjust stroke weights, corner radii, and other metrics for custom SF Symbols by modifying the parametric SVG paths to create unique symbols.

What is the best way to package custom symbols for macOS and iOS apps?▼

The best way to package custom symbols for macOS and iOS apps is to compile the designed SVG paths into a .symbolset file formatted to Apple's Template v.4.0 specification.

Why do my custom SF Symbols look inconsistent with system glyphs?▼

Custom SF Symbols look inconsistent with system glyphs when their measurements deviate from real Apple symbols; this skill solves that by measuring actual system icons to build matching parametric SVG paths.

Related Skills

Explore More Design & Creative Skills→
jixu-aijixu-ai
3

ppt

Convert Markdown content into PPTX presentations with custom templates and generated images.

Official
Advanced
echohello-devechohello-dev

app-icon-generation

Generate iOS and watchOS app icons from a 1024px SVG source.

Official
Advanced
rawerawe

firstspirit-fs-cli

Automate FirstSpirit template export, modification, and re-import via fs-cli workflows.

Community
Advanced
johnlindquistjohnlindquist
28

script-kit-icons

Parse IconRef types and configure IconView rendering for Script Kit GPUI icons.

Community
Intermediate