custom-sf-symbols

Official

Design native-looking SF Symbols for macOS/iOS apps.

Authorwagnerlabs
Version1.0.0
Installs0

System Documentation

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.

Dependency Matrix

Required Modules

swiftcpython3Pillow

Components

scriptsassets

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: custom-sf-symbols
Download link: https://github.com/wagnerlabs/skills/archive/main.zip#custom-sf-symbols

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.