Sergii Kozak

SF Symbol generator

Developmentv1.0.0
By Sergii KozakUpdated 2026-05-11sfsymbol-generator@clawhub_svkozak/sfsymbol-generator
Code GenerationScripting#Json

According to AlphaMoat, as of 2026-09, SF Symbol generator has 3,270 downloads and 1 stars — ranked #3,477 of 5,078 AI skills overall, and #447 of 577 in Development.

Installs
196
Downloads
3.3K
Stars
1
Overall Rank
#3,477
Top 69% overall · Top 78% in Development
PlatformInstallsDownloadsStarsComments
ClawHub ↗1023.2K1-
SkillHub ↗1963.3K1—

Platforms count differently and update at different times.

What this skill does

The primary describes creating a symbolset folder, Contents.json, and SVG file, with options for an asset-catalog location or a template.

Profile published 2026-10-27

What you can do with it

  • Adding a custom SF Symbol asset to an app

When to use it

  • You need an SVG organized as an Xcode-ready symbol asset catalog

Example prompts

Generated from the skill’s documentation as examples; not results of actual runs.

Generate an Xcode symbolset asset catalog from this SVG

Monthly Trend

Downloads3.3K
2.0K2.7K3.4K2026-03 · Downloads 2.1K2026-05 · Downloads 2.6K2026-06 · Downloads 2.7K2026-07 · Downloads 2.9K2026-08 · Downloads 3.1K2026-09 · Downloads 3.3K26-0326-09
Stars1
0122026-03 · Stars 12026-05 · Stars 12026-06 · Stars 12026-07 · Stars 12026-08 · Stars 12026-09 · Stars 126-0326-09

The counting method changed in 2026-09: skills with the same name are now counted separately by author, and the full catalog is covered. Dashed lines show months before the change; they are not compared with later months, and no growth is computed across the change.

MonthDownloadsMoMStars
2026-093.3K—1
2026-083.1K+4.0%1
2026-072.9K+8.5%1
2026-062.7K+5.6%1
2026-052.6K—1
2026-032.1K—1

SKILL.md (original)

The author’s original file, shown as plain text without edits or review by AlphaMoat. Links are not clickable; check commands before running them. Fetched 2026-10-23.

1.7 KB · ClawHub v1.0.0
---
name: sfsymbol-generator
description: 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.
---

# SF Symbol Generator

## Usage

You can override the default asset catalog location with `SFSYMBOL_ASSETS_DIR`.
Show all (49 lines)

### Raw symbolset (no template injection)

```bash
./scripts/generate.sh <symbol-name> <svg-path> [assets-dir]
```

- `symbol-name`: Full symbol name (e.g., `custom.logo`, `brand.icon.fill`).
- `svg-path`: Path to the source SVG file.
- `assets-dir` (optional): Path to `Assets.xcassets/Symbols` (defaults to `Assets.xcassets/Symbols` or `SFSYMBOL_ASSETS_DIR`).

### Template-based symbolset (recommended)

```bash
./scripts/generate-from-template.js <symbol-name> <svg-path> [template-svg] [assets-dir]
```

- `template-svg` (optional): SF Symbols template SVG to inject into (defaults to the first `.symbolset` SVG found in `Assets.xcassets/Symbols`, otherwise uses the bundled skill template).

## Example

```bash
./scripts/generate-from-template.js pi.logo /Users/admin/Desktop/pi-logo.svg
```

## Requirements

- SVG must include a `viewBox`.
- Use **path-based** shapes (paths are required; rects are supported and converted, but other shapes should be converted to paths).
- Prefer **filled** shapes (no strokes) to avoid thin artifacts.

## Workflow

1. Validates the SVG path and viewBox.
2. Computes path bounds and centers within the SF Symbols template margins.
3. Injects the paths into the SF Symbols template (Ultralight/Regular/Black).
4. Creates `<symbol-name>.symbolset` inside the asset catalog Symbols folder.
5. Writes a matching `Contents.json`.

Popular in Development

Data month: 2026-09 · Downloads, stars and installs are aggregated monthly from public skill registries (ClawHub, SkillHub). See methodology.