sfsymbol-generator
Generate an Xcode SF Symbol asset catalog .symbolset from an SVG. Use when you need to add a custom SF Symbol (build-time) by creating the symbolset folder, Contents.json, and SVG file.
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Generate an Xcode SF Symbol asset catalog .symbolset from an SVG. Use when you need to add a custom SF Symbol (build-time) by creating the symbolset folder, Contents.json, and SVG file.
How to use
Przygotuj plik SVG zawierający viewBox i kształty oparte na ścieżkach wektorowych (paths). Jeśli używasz prostokątów, zostaną one automatycznie przekonwertowane; inne kształty powinny być wcześniej zamienione na ścieżki. Preferuj wypełnione kształty bez obrysów, aby uniknąć artefaktów.
Umieść plik SVG w dostępnej lokalizacji na dysku, np.
/Users/admin/Desktop/moja-ikona.svg.Uruchom skrypt generujący z szablonu:
./scripts/generate-from-template.js nazwa.ikony /ścieżka/do/pliku.svg. Skrypt automatycznie znajdzie szablon SF Symbols w katalogu Assets.xcassets/Symbols lub użyje wbudowanego szablonu.Opcjonalnie wskaż własny szablon SF Symbols jako trzeci argument:
./scripts/generate-from-template.js nazwa.ikony /ścieżka/do/pliku.svg /ścieżka/do/szablonu.svg.Jeśli chcesz zmienić domyślną lokalizację katalogu zasobów, ustaw zmienną środowiskową
SFSYMBOL_ASSETS_DIRprzed uruchomieniem skryptu.Skrypt waliduje SVG, oblicza granice ścieżek, centruje je w marginesach szablonu SF Symbols, wstrzykuje wektory do wariantów (Ultralight/Regular/Black) i tworzy folder
nazwa.ikony.symbolsetw katalogu Symbols projektu Xcode.