AlphaMoatによると、2026-09時点でSF Symbol generatorのダウンロード数は3,270、スター数は1で、AIスキル全体5,078件中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 原文

作者が公開した元のファイルをテキストのまま表示しています。AlphaMoat による編集や審査はしていません。リンクはクリックできません。コマンドは内容を確認してから実行してください。取得日 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`.