据 AlphaMoat 统计,截至 2026-09,SF Symbol generator 累计下载 3,270 次、获 1 个星标,在全部 5,078 个 AI 技能中排名第 3,477 位,在「开发编程」分类(577 个)中排名第 447 位。

累计安装

196

累计下载

3,270

星标

全站排名

#3,477

全站前 69% · 「开发编程」前 78%

平台	累计安装	累计下载	星标	评论
ClawHub ↗	102	3,173	1	-
SkillHub ↗	196	3,270	1	—

各平台的计数口径不同,统计时间不一致。

这个技能是做什么的

主文说明可建立 symbolset 文件夹、Contents.json 与 SVG 文件，并允许指定资源目录或使用模板。

资料发布于 2026-10-27

可以用来做什么

为应用添加自定义 SF Symbol 资源

什么时候用

需要把 SVG 组织为 Xcode 可用的符号资源目录时

示例提示词

以下是根据技能文档生成的示例,不代表实际运行结果。

从这个 SVG 生成一个 Xcode symbolset 资源目录

月度数据趋势

累计下载3,270

星标1

2026-09 起统计方法调整:同名技能按作者分别统计,并覆盖全部技能。图中虚线为调整前的月份,与之后的数据不直接比较,也不计算跨越调整的增长。

月份	累计下载	环比	星标
2026-09	3,270	—	1
2026-08	3,064	+4.0%	1
2026-07	2,946	+8.5%	1
2026-06	2,714	+5.6%	1
2026-05	2,571	—	1
2026-03	2,061	—	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`.