據 AlphaMoat 統計,截至 2026-09,SF Symbol generator 累計下載 3,270 次、獲 1 個星標,在全部 5,078 個 AI 技能中排名第 3,477 位,在「開發程式設計」分類(577 個)中排名第 447 位。

累計安裝

196

累計下載

3270

星標

全站排名

#3,477

全站前 69% · 「開發程式設計」前 78%

平台	累計安裝	累計下載	星標	評論
ClawHub ↗	102	3173	1	-
SkillHub ↗	196	3270	1	—

各平台的計數口徑不同,統計時間不一致。

這個技能是做什麼的

主文說明可建立 symbolset 資料夾、Contents.json 與 SVG 檔案，並允許指定資源目錄或使用模板。

資料釋出於 2026-10-27

可以用來做什麼

為應用新增自定義 SF Symbol 資源

什麼時候用

需要把 SVG 組織為 Xcode 可用的符號資源目錄時

示例提示詞

以下是根據技能文件生成的示例,不代表實際執行結果。

從這個 SVG 生成一個 Xcode symbolset 資源目錄

月度資料趨勢

累計下載3270

星標1

2026-09 起統計方法調整:同名技能按作者分別統計,並覆蓋全部技能。圖中虛線為調整前的月份,與之後的資料不直接比較,也不計算跨越調整的增長。

月份	累計下載	環比	星標
2026-09	3270	—	1
2026-08	3064	+4.0%	1
2026-07	2946	+8.5%	1
2026-06	2714	+5.6%	1
2026-05	2571	—	1
2026-03	2061	—	1

SKILL.md 原文

以下是作者釋出的原始檔案,按純文字顯示,本站未做修改或稽核;其中的連結不可點選,命令請核實後再執行。抓取於 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`.

展開全部(共 49 行)


### 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`.