From 5e89d17dbe9f6832a451b95b9ce4cf9c8dd5ebdb Mon Sep 17 00:00:00 2001
From: Snailedlt <jorgenkalsnes.hagen@gmail.com>
Date: Sat, 31 Oct 2026 17:21:49 +0100
Subject: [PATCH 01/12] chore: add Claude Code skills for making and reviewing
 icons

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .claude/skills/devicon-icon-review/SKILL.md   |   73 +
 .../evals/review-clean-nx-icon/case.yaml      |    6 +
 .../review-clean-nx-icon/files/devicon.json   |  311 +++
 .../files/icons/nx/nx-line.svg                |    1 +
 .../files/icons/nx/nx-original.svg            |    1 +
 .../graders/01-no-blocking-issues.md          |    7 +
 .../graders/02-no-false-violations.md         |    7 +
 .../graders/03-checked-official-logo.md       |    7 +
 .../graders/04-font-ready-confirmed.md        |    7 +
 .../evals/review-clean-nx-icon/place-files.sh |    3 +
 .../evals/review-clean-nx-icon/prompt.md      |   10 +
 .../review-drizzle-pr-snapshot/case.yaml      |    6 +
 .../files/devicon.json                        |  302 +++
 .../files/icons/drizzle/drizzle-original.svg  |    3 +
 .../graders/01-flags-width-height.md          |    7 +
 .../graders/02-flags-padding.md               |    7 +
 .../graders/03-flags-white-fill.md            |    7 +
 .../graders/04-flags-font-plain.md            |    7 +
 .../graders/05-requests-changes.md            |    7 +
 .../graders/06-fixes-given.md                 |    7 +
 .../graders/07-nothing-posted.md              |    7 +
 .../review-drizzle-pr-snapshot/place-files.sh |    3 +
 .../review-drizzle-pr-snapshot/prompt.md      |   10 +
 .../references/devicon-standards.md           |  101 +
 .../devicon-icon-review/scripts/check_icon.js |  126 +
 .claude/skills/svg-icons/SKILL.md             |   63 +
 .../fix-stroked-plain-for-font/case.yaml      |    6 +
 .../files/radar-plain.svg                     |    1 +
 .../graders/01-one-path-no-strokes.md         |    7 +
 .../graders/02-looks-the-same.md              |    7 +
 .../graders/03-ring-hole-kept.md              |    7 +
 .../graders/04-colour-kept.md                 |    7 +
 .../graders/05-explains-cause.md              |    7 +
 .../fix-stroked-plain-for-font/place-files.sh |    3 +
 .../fix-stroked-plain-for-font/prompt.md      |   10 +
 .../plain-from-multicolour-logo/case.yaml     |    6 +
 .../files/acme-logo.svg                       |   10 +
 .../graders/01-viewbox-no-size.md             |    7 +
 .../graders/02-plain-one-path.md              |    7 +
 .../graders/03-plain-one-colour.md            |    7 +
 .../graders/04-letter-is-hole.md              |    7 +
 .../graders/05-gap-between-colours.md         |    7 +
 .../graders/06-fills-box.md                   |    7 +
 .../graders/07-original-colours.md            |    7 +
 .../graders/08-looked-at-render.md            |    7 +
 .../place-files.sh                            |    3 +
 .../plain-from-multicolour-logo/prompt.md     |   10 +
 .../skills/svg-icons/references/techniques.md |  101 +
 .claude/skills/svg-icons/scripts/build.js     |  218 ++
 .claude/skills/svg-icons/scripts/inspect.js   |   23 +
 .claude/skills/svg-icons/scripts/optimize.js  |   18 +
 .../svg-icons/scripts/package-lock.json       | 2385 +++++++++++++++++
 .claude/skills/svg-icons/scripts/package.json |   15 +
 .claude/skills/svg-icons/scripts/paperenv.js  |   20 +
 .claude/skills/svg-icons/scripts/pixdiff.js   |   29 +
 .claude/skills/svg-icons/scripts/render.js    |   56 +
 .claude/skills/svg-icons/scripts/trace.js     |   16 +
 .claude/skills/svg-icons/scripts/validate.js  |   38 +
 .claude/skills/svg-icons/scripts/versions.js  |   88 +
 59 files changed, 4243 insertions(+)
 create mode 100644 .claude/skills/devicon-icon-review/SKILL.md
 create mode 100644 .claude/skills/devicon-icon-review/evals/review-clean-nx-icon/case.yaml
 create mode 100644 .claude/skills/devicon-icon-review/evals/review-clean-nx-icon/files/devicon.json
 create mode 100644 .claude/skills/devicon-icon-review/evals/review-clean-nx-icon/files/icons/nx/nx-line.svg
 create mode 100644 .claude/skills/devicon-icon-review/evals/review-clean-nx-icon/files/icons/nx/nx-original.svg
 create mode 100644 .claude/skills/devicon-icon-review/evals/review-clean-nx-icon/graders/01-no-blocking-issues.md
 create mode 100644 .claude/skills/devicon-icon-review/evals/review-clean-nx-icon/graders/02-no-false-violations.md
 create mode 100644 .claude/skills/devicon-icon-review/evals/review-clean-nx-icon/graders/03-checked-official-logo.md
 create mode 100644 .claude/skills/devicon-icon-review/evals/review-clean-nx-icon/graders/04-font-ready-confirmed.md
 create mode 100644 .claude/skills/devicon-icon-review/evals/review-clean-nx-icon/place-files.sh
 create mode 100644 .claude/skills/devicon-icon-review/evals/review-clean-nx-icon/prompt.md
 create mode 100644 .claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/case.yaml
 create mode 100644 .claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/files/devicon.json
 create mode 100644 .claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/files/icons/drizzle/drizzle-original.svg
 create mode 100644 .claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/graders/01-flags-width-height.md
 create mode 100644 .claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/graders/02-flags-padding.md
 create mode 100644 .claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/graders/03-flags-white-fill.md
 create mode 100644 .claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/graders/04-flags-font-plain.md
 create mode 100644 .claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/graders/05-requests-changes.md
 create mode 100644 .claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/graders/06-fixes-given.md
 create mode 100644 .claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/graders/07-nothing-posted.md
 create mode 100644 .claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/place-files.sh
 create mode 100644 .claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/prompt.md
 create mode 100644 .claude/skills/devicon-icon-review/references/devicon-standards.md
 create mode 100644 .claude/skills/devicon-icon-review/scripts/check_icon.js
 create mode 100644 .claude/skills/svg-icons/SKILL.md
 create mode 100644 .claude/skills/svg-icons/evals/fix-stroked-plain-for-font/case.yaml
 create mode 100644 .claude/skills/svg-icons/evals/fix-stroked-plain-for-font/files/radar-plain.svg
 create mode 100644 .claude/skills/svg-icons/evals/fix-stroked-plain-for-font/graders/01-one-path-no-strokes.md
 create mode 100644 .claude/skills/svg-icons/evals/fix-stroked-plain-for-font/graders/02-looks-the-same.md
 create mode 100644 .claude/skills/svg-icons/evals/fix-stroked-plain-for-font/graders/03-ring-hole-kept.md
 create mode 100644 .claude/skills/svg-icons/evals/fix-stroked-plain-for-font/graders/04-colour-kept.md
 create mode 100644 .claude/skills/svg-icons/evals/fix-stroked-plain-for-font/graders/05-explains-cause.md
 create mode 100644 .claude/skills/svg-icons/evals/fix-stroked-plain-for-font/place-files.sh
 create mode 100644 .claude/skills/svg-icons/evals/fix-stroked-plain-for-font/prompt.md
 create mode 100644 .claude/skills/svg-icons/evals/plain-from-multicolour-logo/case.yaml
 create mode 100644 .claude/skills/svg-icons/evals/plain-from-multicolour-logo/files/acme-logo.svg
 create mode 100644 .claude/skills/svg-icons/evals/plain-from-multicolour-logo/graders/01-viewbox-no-size.md
 create mode 100644 .claude/skills/svg-icons/evals/plain-from-multicolour-logo/graders/02-plain-one-path.md
 create mode 100644 .claude/skills/svg-icons/evals/plain-from-multicolour-logo/graders/03-plain-one-colour.md
 create mode 100644 .claude/skills/svg-icons/evals/plain-from-multicolour-logo/graders/04-letter-is-hole.md
 create mode 100644 .claude/skills/svg-icons/evals/plain-from-multicolour-logo/graders/05-gap-between-colours.md
 create mode 100644 .claude/skills/svg-icons/evals/plain-from-multicolour-logo/graders/06-fills-box.md
 create mode 100644 .claude/skills/svg-icons/evals/plain-from-multicolour-logo/graders/07-original-colours.md
 create mode 100644 .claude/skills/svg-icons/evals/plain-from-multicolour-logo/graders/08-looked-at-render.md
 create mode 100644 .claude/skills/svg-icons/evals/plain-from-multicolour-logo/place-files.sh
 create mode 100644 .claude/skills/svg-icons/evals/plain-from-multicolour-logo/prompt.md
 create mode 100644 .claude/skills/svg-icons/references/techniques.md
 create mode 100644 .claude/skills/svg-icons/scripts/build.js
 create mode 100644 .claude/skills/svg-icons/scripts/inspect.js
 create mode 100644 .claude/skills/svg-icons/scripts/optimize.js
 create mode 100644 .claude/skills/svg-icons/scripts/package-lock.json
 create mode 100644 .claude/skills/svg-icons/scripts/package.json
 create mode 100644 .claude/skills/svg-icons/scripts/paperenv.js
 create mode 100644 .claude/skills/svg-icons/scripts/pixdiff.js
 create mode 100644 .claude/skills/svg-icons/scripts/render.js
 create mode 100644 .claude/skills/svg-icons/scripts/trace.js
 create mode 100644 .claude/skills/svg-icons/scripts/validate.js
 create mode 100644 .claude/skills/svg-icons/scripts/versions.js

diff --git a/.claude/skills/devicon-icon-review/SKILL.md b/.claude/skills/devicon-icon-review/SKILL.md
new file mode 100644
index 000000000..eac94f488
--- /dev/null
+++ b/.claude/skills/devicon-icon-review/SKILL.md
@@ -0,0 +1,73 @@
+---
+name: devicon-icon-review
+description: Review devicon "new icon" / "update icon" pull requests (and icon proposals or icon files before a PR) the way devicon's maintainers do — whether the technology is accepted, whether the logo is official and current, version naming and aliases, SVG standards (128×128 viewBox, no padding, centred, optimized single-line files), font-readiness of plain/line versions (one path, one colour, no strokes, white cut out), devicon.json correctness, the peek-bot font previews, and PR scope/title. Use this whenever the user asks to review, check, approve, or give feedback on a devicon icon PR or icon SVGs, mentions a PR number in devicons/devicon with an icon title, or asks whether an icon "is ready" — even if they only paste a PR link.
+---
+
+# Reviewing devicon icon PRs
+
+The goal is the review a careful devicon maintainer would write: correct, specific, kind, and actionable — every problem comes with the fix (often a ready-to-commit suggestion). Contributors are frequently first-timers; maintainers here link the wiki, explain *why*, and offer help.
+
+Standards live in `references/devicon-standards.md` (with links to the maintainer comments they come from). Read it before your first review in a session; it's the source of truth for the checklist below.
+
+## Tools
+
+- `scripts/check_icon.js <name> --repo <devicon checkout>` — checks the icon's `devicon.json` entry and its files: required keys, versions vs files, font versions (one path, one fill, fill = `color`, no white/groups/gradients/strokes), aliases, viewBox/width/height/xmlns, raster `<image>`, `<text>`, `<style>`/editor leftovers, single line + trailing newline, size, id prefixes, sort order. No dependencies.
+- The **svg-icons** skill (`.claude/skills/svg-icons/`) for the visual side: `render.js` (light/dark, 128/32/16 px), `validate.js` (padding, centring, outside-the-box), `pixdiff.js`, `inspect.js`. If its dependencies aren't installed (`npm install` in its `scripts` folder), render the SVGs some other way — don't skip looking at them.
+- `gh` for the PR, its files, comments (peek-bot screenshots, check-bot output) and the linked issue.
+
+## Workflow
+
+1. **Get the PR.**
+   ```bash
+   gh pr view <n> -R devicons/devicon --json title,body,baseRefName,headRefName,headRepositoryOwner,files,labels,comments,statusCheckRollup
+   gh pr checkout <n> -R devicons/devicon   # in a scratch worktree, never in the user's working copy
+   ```
+   Note the title, the base branch the repo expects (see `.github/workflows/check_icon_pr.yml`), the changed files, the linked issue and the source link in the PR body.
+2. **Scope and process** (standards §7): one icon, only `icons/<name>/` and that entry changed, title `new|update icon: <name> (<versions>)` matching the files, correct base, no duplicate open PR. Renames/removals are breaking and belong in their own PR.
+3. **Acceptance** (§1): technology not company, dev-related, well-known, official logo exists, brand guidelines allow it, logo is current. If acceptance is unclear, say so and leave the decision to a maintainer instead of guessing.
+4. **Source and fidelity** (§2): open the official source (brand kit, repo, website) and compare with `original` side by side — colours (hex), details, proportions. Flag rasters, outdated logos, invented colours, missing shadows/details.
+5. **Run the checks.**
+   ```bash
+   node .claude/skills/devicon-icon-review/scripts/check_icon.js <name> --repo .
+   node .claude/skills/svg-icons/scripts/validate.js icons/<name>
+   node .claude/skills/svg-icons/scripts/render.js icons/<name> --out /tmp/<name>-preview.png
+   ```
+   Then **look at the preview**: blobs (white not cut out), slivers, uneven line widths, things outside the box, off-centre, squished, unreadable at 16px.
+6. **Versions and devicon.json** (§3, §6): original exists; at least one font version; priority original > plain > line; duplicates replaced by aliases; aliases only for versions without files; `color` = main logo colour and present in the SVGs; order and formatting of the entry.
+7. **Font preview** (§5): read the peek-bot comment's screenshots (download the images and look). Glyph count must equal the number of font versions; check each glyph for spikes, filled holes, missing parts. If peek hasn't run or failed, say so — the maintainer adds `bot:peek`.
+8. **Write the review** (format below). Offer fixed SVGs or `devicon.json` suggestions when the fix is mechanical; you can usually produce them with the svg-icons scripts.
+
+## Review format
+
+Use this structure (in chat, or as a PR review when the user asks you to post it):
+
+```markdown
+**Verdict:** Approve | Request changes | Needs a maintainer decision (why)
+
+Thanks for the PR! Here's what I found:
+
+### Must fix
+- `<file>`: <problem> — <fix>. (<wiki link>)
+
+### Should fix
+- …
+
+### Optional / nice to have
+- …
+
+<previews: rendered PNGs, peek screenshots, side-by-side with the official logo>
+
+<suggestion blocks for devicon.json, or fixed SVG code in <details>>
+```
+
+- **Must fix** = blocks merging (standards violations, wrong logo, broken font glyph, missing original/font version, devicon.json errors). **Should fix** = expected but minor (fill ≠ color, missing trailing newline, unoptimized). **Optional** = improvements (line-wordmark hollow text, extra versions).
+- Every item: what, where, why, how to fix — and a link to the relevant wiki page: [SVG-Standards](https://github.com/devicons/devicon/wiki/SVG-Standards), [SVG-Versions](https://github.com/devicons/devicon/wiki/SVG-Versions), [Updating devicon.json](https://github.com/devicons/devicon/wiki/Updating-%60devicon.json%60), [Creating original](https://github.com/devicons/devicon/wiki/Creating-original-Icons) / [plain](https://github.com/devicons/devicon/wiki/Creating-plain-Icons) / [line](https://github.com/devicons/devicon/wiki/Creating-line-Icons) icons, [Optimizing icons](https://github.com/devicons/devicon/wiki/Optimizing-icons), [What Icons Do We Accept?](https://github.com/devicons/devicon/wiki/What-Icons-Do-We-Accept%3F).
+- For `devicon.json` fixes use GitHub suggestion blocks (```` ```suggestion ````) on the right lines, so the contributor can commit them with one click.
+- Show, don't just tell: attach renders for visual problems (`render.js --zoom` for details). GitHub can't show images by local or relative path: tell the user which PNGs to drag into the comment, or host them (e.g. a branch on their fork, linked via `raw.githubusercontent.com` pinned to a commit).
+- If the logo itself is the technology's name (a lettermark such as "Nx"), wordmark aliases (`original` → `original-wordmark`, …) are a cheap, useful suggestion.
+- Don't pile on: if the logo itself is wrong or not accepted, say that first; nitpicks about a file that will be replaced are noise.
+- Separate facts from judgement calls (colour choice, how much to simplify a plain version); for judgement calls, propose and ask.
+
+## Posting
+
+Only post to GitHub when the user asks. Reviews and comments posted through `gh` appear under the user's account, so start them with a line saying they were prepared by Claude on the user's behalf (unless the user has set up a separate bot identity). Prefer `gh pr review <n> --comment|--request-changes|--approve --body-file …`; approving is the user's call — never approve on your own initiative. Link issues and PRs with full `https://github.com/devicons/devicon/...` URLs in chat (bare `#123` can resolve to a fork).
diff --git a/.claude/skills/devicon-icon-review/evals/review-clean-nx-icon/case.yaml b/.claude/skills/devicon-icon-review/evals/review-clean-nx-icon/case.yaml
new file mode 100644
index 000000000..8a8140b65
--- /dev/null
+++ b/.claude/skills/devicon-icon-review/evals/review-clean-nx-icon/case.yaml
@@ -0,0 +1,6 @@
+schema_version: "1.1"
+name: review-clean-nx-icon
+expected_outcome: |
+  review.md approves (or lists only optional suggestions), does not invent standards violations, and confirms the line version is font-ready and the original matches the official logo.
+context:
+  scaffold_script: place-files.sh
diff --git a/.claude/skills/devicon-icon-review/evals/review-clean-nx-icon/files/devicon.json b/.claude/skills/devicon-icon-review/evals/review-clean-nx-icon/files/devicon.json
new file mode 100644
index 000000000..0d615c020
--- /dev/null
+++ b/.claude/skills/devicon-icon-review/evals/review-clean-nx-icon/files/devicon.json
@@ -0,0 +1,311 @@
+[
+    {
+        "name": "npm",
+        "altnames": [
+            "npmjs",
+            "nodepackagemanager"
+        ],
+        "tags": [
+            "package",
+            "manager"
+        ],
+        "versions": {
+            "svg": [
+                "original",
+                "original-wordmark",
+                "plain"
+            ],
+            "font": [
+                "original-wordmark",
+                "plain"
+            ]
+        },
+        "color": "#cb3837",
+        "aliases": []
+    },
+    {
+        "name": "npss",
+        "altnames": [],
+        "tags": [],
+        "versions": {
+            "svg": [
+                "original",
+                "plain"
+            ],
+            "font": [
+                "plain"
+            ]
+        },
+        "color": "#0a37b2",
+        "aliases": []
+    },
+    {
+        "name": "nuget",
+        "altnames": [],
+        "tags": [
+            "package",
+            "manager"
+        ],
+        "versions": {
+            "svg": [
+                "original",
+                "original-wordmark"
+            ],
+            "font": [
+                "original",
+                "original-wordmark"
+            ]
+        },
+        "color": "#004880",
+        "aliases": []
+    },
+    {
+        "name": "numpy",
+        "altnames": [],
+        "tags": [
+            "library",
+            "python"
+        ],
+        "versions": {
+            "svg": [
+                "original",
+                "original-wordmark",
+                "plain",
+                "plain-wordmark",
+                "line",
+                "line-wordmark"
+            ],
+            "font": [
+                "plain",
+                "plain-wordmark",
+                "line",
+                "line-wordmark"
+            ]
+        },
+        "color": "#4dabcf",
+        "aliases": []
+    },
+    {
+        "name": "nuxt",
+        "altnames": [],
+        "tags": [
+            "js",
+            "javascript",
+            "framework",
+            "fullstack",
+            "vuejs"
+        ],
+        "versions": {
+            "svg": [
+                "original",
+                "original-wordmark",
+                "plain-wordmark"
+            ],
+            "font": [
+                "original",
+                "plain-wordmark"
+            ]
+        },
+        "color": "#00dc82",
+        "aliases": [
+            {
+                "base": "original",
+                "alias": "plain"
+            }
+        ]
+    },
+    {
+        "name": "nuxtjs",
+        "altnames": [],
+        "tags": [
+            "js",
+            "javascript",
+            "framework",
+            "frontend",
+            "vuejs"
+        ],
+        "versions": {
+            "svg": [
+                "original",
+                "original-wordmark",
+                "plain",
+                "plain-wordmark"
+            ],
+            "font": [
+                "plain",
+                "plain-wordmark"
+            ]
+        },
+        "color": "#00c48d",
+        "aliases": []
+    },
+    {
+        "name": "nx",
+        "altnames": [
+            "nrwl"
+        ],
+        "tags": [
+            "build",
+            "monorepo",
+            "javascript",
+            "typescript"
+        ],
+        "versions": {
+            "svg": [
+                "original",
+                "line"
+            ],
+            "font": [
+                "original",
+                "line"
+            ]
+        },
+        "color": "#0c0c0d",
+        "aliases": [
+            {
+                "base": "original",
+                "alias": "plain"
+            }
+        ]
+    },
+    {
+        "name": "oauth",
+        "altnames": [],
+        "tags": [
+            "authentication",
+            "security"
+        ],
+        "versions": {
+            "svg": [
+                "original",
+                "plain"
+            ],
+            "font": [
+                "plain"
+            ]
+        },
+        "color": "#000000",
+        "aliases": [
+            {
+                "base": "original",
+                "alias": "original-wordmark"
+            },
+            {
+                "base": "plain",
+                "alias": "plain-wordmark"
+            }
+        ]
+    },
+    {
+        "name": "objectivec",
+        "altnames": [],
+        "tags": [
+            "programming",
+            "language"
+        ],
+        "versions": {
+            "svg": [
+                "plain"
+            ],
+            "font": [
+                "plain"
+            ]
+        },
+        "color": "#0b5a9d",
+        "aliases": []
+    },
+    {
+        "name": "ocaml",
+        "altnames": [],
+        "tags": [
+            "programming",
+            "language"
+        ],
+        "versions": {
+            "svg": [
+                "original",
+                "original-wordmark",
+                "plain",
+                "plain-wordmark"
+            ],
+            "font": [
+                "plain",
+                "plain-wordmark"
+            ]
+        },
+        "color": "#F18803",
+        "aliases": []
+    },
+    {
+        "name": "odin",
+        "altnames": [],
+        "tags": [
+            "programming",
+            "language"
+        ],
+        "versions": {
+            "svg": [
+                "original",
+                "original-wordmark",
+                "plain",
+                "plain-wordmark"
+            ],
+            "font": [
+                "plain",
+                "plain-wordmark"
+            ]
+        },
+        "color": "#FFFFFF",
+        "aliases": []
+    },
+    {
+        "name": "ohmyzsh",
+        "altnames": [
+            "omz",
+            "ohmyz.sh",
+            "Oh My Zsh"
+        ],
+        "tags": [
+            "shell",
+            "script",
+            "scripting",
+            "language",
+            "command"
+        ],
+        "versions": {
+            "svg": [
+                "original",
+                "plain"
+            ],
+            "font": [
+                "plain"
+            ]
+        },
+        "color": "#000000",
+        "aliases": []
+    },
+    {
+        "name": "okta",
+        "altnames": [
+            "okta developer"
+        ],
+        "tags": [
+            "auth",
+            "security"
+        ],
+        "versions": {
+            "svg": [
+                "original",
+                "original-wordmark",
+                "plain",
+                "plain-wordmark"
+            ],
+            "font": [
+                "plain",
+                "plain-wordmark"
+            ]
+        },
+        "color": "#0f82c2",
+        "aliases": []
+    }
+]
diff --git a/.claude/skills/devicon-icon-review/evals/review-clean-nx-icon/files/icons/nx/nx-line.svg b/.claude/skills/devicon-icon-review/evals/review-clean-nx-icon/files/icons/nx/nx-line.svg
new file mode 100644
index 000000000..6f698131d
--- /dev/null
+++ b/.claude/skills/devicon-icon-review/evals/review-clean-nx-icon/files/icons/nx/nx-line.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"><path fill="#0c0c0d" d="M67.58 28.8h15.49a1.94 1.94 0 0 1 1.9 2.32L73.74 86.16a16.3 16.3 0 0 1-30.87 3.36L30.8 62.29a1.93 1.93 0 0 0-3.66.36L19.31 97.7c-.2.89-.98 1.51-1.89 1.51H1.94a1.93 1.93 0 0 1-1.9-2.32l11.18-55.01a16.33 16.33 0 0 1 30.92-3.37l12.1 27.27a1.93 1.93 0 0 0 3.67-.37l7.79-35.09c.2-.88.98-1.51 1.88-1.51m12.96 4h-11.3l-7.43 33.47a9 9 0 0 1-1.97 3.27 7 7 0 0 1-3.23 1.35 7 7 0 0 1-3.43-.69 9 9 0 0 1-2.59-2.81L38.5 40.12a10.8 10.8 0 0 0-4.55-5.33c-2.14-1.4-4.08-2-6.72-2-3.17 0-5.46.87-7.8 2.79-2.34 1.91-3.77 3.95-4.28 7.09L4.46 95.2h11.3l7.47-33.42a9 9 0 0 1 1.98-3.27 7 7 0 0 1 3.23-1.34c.93-.1 2.53.2 3.43.68.86.47 1.99 1.8 2.58 2.82l12.08 27.22a10.8 10.8 0 0 0 4.54 5.33 11.4 11.4 0 0 0 6.7 1.98c3.17 0 5.44-.86 7.78-2.77 2.34-1.9 3.77-3.94 4.27-7.07zm20.63 31.18h-9.53a1.93 1.93 0 0 1-1.5-3.15L100.7 47.7c.56-.7.57-1.7 0-2.41L90.1 31.93c-1-1.26-.1-3.13 1.52-3.13h9.17c.59 0 1.14.26 1.51.72l5.02 6.26c.77.96 2.24.96 3.02 0l5.05-6.26a1.9 1.9 0 0 1 1.5-.72h9.18a1.93 1.93 0 0 1 1.52 3.13L116.95 45.3c-.56.7-.56 1.7.01 2.41l10.57 13.12a1.93 1.93 0 0 1-1.5 3.15h-9.53c-.59 0-1.15-.27-1.51-.73l-4.64-5.84a1.93 1.93 0 0 0-3.03 0l-4.64 5.84c-.37.46-.92.73-1.51.73m-5.21-4h4.2l4.03-5.06c1.16-1.08 3.29-2.24 4.64-2.24 1.36 0 3.49 1.17 4.65 2.24l4.02 5.06h4.2l-7.85-9.76a8.5 8.5 0 0 1-1.32-3.7c0-1.06.68-2.74 1.3-3.71l7.95-10.01h-3.91l-4.43 5.49c-1.16 1.06-3.28 2.21-4.63 2.2s-3.46-1.14-4.62-2.21l-4.4-5.48h-3.9l7.95 10c.62.98 1.3 2.66 1.3 3.72a8.6 8.6 0 0 1-1.32 3.7z"/></svg>
diff --git a/.claude/skills/devicon-icon-review/evals/review-clean-nx-icon/files/icons/nx/nx-original.svg b/.claude/skills/devicon-icon-review/evals/review-clean-nx-icon/files/icons/nx/nx-original.svg
new file mode 100644
index 000000000..bb4799c36
--- /dev/null
+++ b/.claude/skills/devicon-icon-review/evals/review-clean-nx-icon/files/icons/nx/nx-original.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"><path fill="#0c0c0d" d="M67.58 28.8h15.49a1.94 1.94 0 0 1 1.9 2.32L73.74 86.16a16.3 16.3 0 0 1-30.87 3.36L30.8 62.29a1.93 1.93 0 0 0-3.66.36L19.31 97.7c-.2.89-.98 1.51-1.89 1.51H1.94a1.93 1.93 0 0 1-1.9-2.32l11.18-55.01a16.33 16.33 0 0 1 30.92-3.37l12.1 27.27a1.93 1.93 0 0 0 3.67-.37l7.79-35.09c.2-.88.98-1.51 1.88-1.51m33.59 35.18h-9.53a1.93 1.93 0 0 1-1.5-3.15L100.7 47.7c.56-.7.57-1.7 0-2.41L90.1 31.93c-1-1.26-.1-3.13 1.52-3.13h9.17c.59 0 1.14.26 1.51.72l5.02 6.26c.77.96 2.24.96 3.02 0l5.05-6.26a1.9 1.9 0 0 1 1.5-.72h9.18a1.93 1.93 0 0 1 1.52 3.13L116.95 45.3c-.56.7-.56 1.7.01 2.41l10.57 13.12a1.93 1.93 0 0 1-1.5 3.15h-9.53c-.59 0-1.15-.27-1.51-.73l-4.64-5.84a1.93 1.93 0 0 0-3.03 0l-4.64 5.84c-.37.46-.92.73-1.51.73"/></svg>
diff --git a/.claude/skills/devicon-icon-review/evals/review-clean-nx-icon/graders/01-no-blocking-issues.md b/.claude/skills/devicon-icon-review/evals/review-clean-nx-icon/graders/01-no-blocking-issues.md
new file mode 100644
index 000000000..bd0617afa
--- /dev/null
+++ b/.claude/skills/devicon-icon-review/evals/review-clean-nx-icon/graders/01-no-blocking-issues.md
@@ -0,0 +1,7 @@
+---
+type: llm
+focus: trace
+weight: 1
+---
+
+review.md concludes the icon is ready (approve), with no blocking / must-fix problems
diff --git a/.claude/skills/devicon-icon-review/evals/review-clean-nx-icon/graders/02-no-false-violations.md b/.claude/skills/devicon-icon-review/evals/review-clean-nx-icon/graders/02-no-false-violations.md
new file mode 100644
index 000000000..d08aec5c2
--- /dev/null
+++ b/.claude/skills/devicon-icon-review/evals/review-clean-nx-icon/graders/02-no-false-violations.md
@@ -0,0 +1,7 @@
+---
+type: llm
+focus: trace
+weight: 1
+---
+
+review.md does not claim standards violations that are not there (the files have viewBox 0 0 128 128, no width/height, fill the box, nx-line.svg is one path in one colour, devicon.json entry is valid)
diff --git a/.claude/skills/devicon-icon-review/evals/review-clean-nx-icon/graders/03-checked-official-logo.md b/.claude/skills/devicon-icon-review/evals/review-clean-nx-icon/graders/03-checked-official-logo.md
new file mode 100644
index 000000000..3a69c64ff
--- /dev/null
+++ b/.claude/skills/devicon-icon-review/evals/review-clean-nx-icon/graders/03-checked-official-logo.md
@@ -0,0 +1,7 @@
+---
+type: llm
+focus: trace
+weight: 1
+---
+
+The agent compared nx-original.svg with the official logo (fetched or opened the source) and says whether it matches
diff --git a/.claude/skills/devicon-icon-review/evals/review-clean-nx-icon/graders/04-font-ready-confirmed.md b/.claude/skills/devicon-icon-review/evals/review-clean-nx-icon/graders/04-font-ready-confirmed.md
new file mode 100644
index 000000000..947c0f1ed
--- /dev/null
+++ b/.claude/skills/devicon-icon-review/evals/review-clean-nx-icon/graders/04-font-ready-confirmed.md
@@ -0,0 +1,7 @@
+---
+type: llm
+focus: trace
+weight: 1
+---
+
+review.md confirms nx-line.svg is font-ready (single path, single colour, no strokes)
diff --git a/.claude/skills/devicon-icon-review/evals/review-clean-nx-icon/place-files.sh b/.claude/skills/devicon-icon-review/evals/review-clean-nx-icon/place-files.sh
new file mode 100644
index 000000000..98883e6aa
--- /dev/null
+++ b/.claude/skills/devicon-icon-review/evals/review-clean-nx-icon/place-files.sh
@@ -0,0 +1,3 @@
+#!/usr/bin/env bash
+set -eu
+cp -R "$(dirname "$0")/files/." .
diff --git a/.claude/skills/devicon-icon-review/evals/review-clean-nx-icon/prompt.md b/.claude/skills/devicon-icon-review/evals/review-clean-nx-icon/prompt.md
new file mode 100644
index 000000000..3d20dcd28
--- /dev/null
+++ b/.claude/skills/devicon-icon-review/evals/review-clean-nx-icon/prompt.md
@@ -0,0 +1,10 @@
+---
+tags: [skill-creator]
+max_turns: 40
+timeout_seconds: 1200
+allowed_tools: [Read, Glob, Grep, Skill, Write, Edit, Bash]
+---
+
+Is the nx icon in this devicon checkout ready to merge? It's for a new icon PR; the official logo is https://github.com/nrwl/nx/blob/master/images/nx-logo.svg. Write your review to review.md.
+
+Input files: devicon.json, icons/nx/nx-original.svg, icons/nx/nx-line.svg
diff --git a/.claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/case.yaml b/.claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/case.yaml
new file mode 100644
index 000000000..00528da8e
--- /dev/null
+++ b/.claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/case.yaml
@@ -0,0 +1,6 @@
+schema_version: "1.1"
+name: review-drizzle-pr-snapshot
+expected_outcome: |
+  review.md requests changes and names, each with a fix: width/height on the svg root, the artwork not filling the box (scale(0.8) transform), the near-white #F0F0F0 fill that disappears on light backgrounds and does not match color #C5F74F, and versions.font listing "plain", which is not an existing SVG file.
+context:
+  scaffold_script: place-files.sh
diff --git a/.claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/files/devicon.json b/.claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/files/devicon.json
new file mode 100644
index 000000000..4f4a9c6d1
--- /dev/null
+++ b/.claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/files/devicon.json
@@ -0,0 +1,302 @@
+[
+    {
+        "name": "docker",
+        "altnames": [],
+        "tags": [
+            "platform",
+            "deploy"
+        ],
+        "versions": {
+            "svg": [
+                "original",
+                "original-wordmark",
+                "plain",
+                "plain-wordmark"
+            ],
+            "font": [
+                "plain",
+                "plain-wordmark"
+            ]
+        },
+        "color": "#019bc6",
+        "aliases": []
+    },
+    {
+        "name": "doctrine",
+        "altnames": [],
+        "tags": [],
+        "versions": {
+            "svg": [
+                "original",
+                "original-wordmark",
+                "plain",
+                "plain-wordmark",
+                "line",
+                "line-wordmark"
+            ],
+            "font": [
+                "plain",
+                "plain-wordmark",
+                "line",
+                "line-wordmark"
+            ]
+        },
+        "color": "#f56d39",
+        "aliases": []
+    },
+    {
+        "name": "dot-net",
+        "altnames": [
+            "dotnet",
+            ".net"
+        ],
+        "tags": [
+            "framework"
+        ],
+        "versions": {
+            "svg": [
+                "original",
+                "original-wordmark",
+                "plain",
+                "plain-wordmark"
+            ],
+            "font": [
+                "plain",
+                "plain-wordmark"
+            ]
+        },
+        "color": "#1384c8",
+        "aliases": []
+    },
+    {
+        "name": "dotnetcore",
+        "altnames": [
+            ".netcore"
+        ],
+        "tags": [
+            "framework"
+        ],
+        "versions": {
+            "svg": [
+                "original",
+                "plain"
+            ],
+            "font": [
+                "plain"
+            ]
+        },
+        "color": "#623697",
+        "aliases": []
+    },
+    {
+        "name": "dovecot",
+        "altnames": [],
+        "tags": [
+            "imap",
+            "pop3",
+            "e-mail"
+        ],
+        "versions": {
+            "svg": [
+                "original",
+                "plain",
+                "line"
+            ],
+            "font": [
+                "plain",
+                "line"
+            ]
+        },
+        "color": "#54bbab",
+        "aliases": [
+            {
+                "base": "original",
+                "alias": "original-wordmark"
+            },
+            {
+                "base": "plain",
+                "alias": "line-wordmark"
+            },
+            {
+                "base": "line",
+                "alias": "line-wordmark"
+            }
+        ]
+    },
+    {
+        "name": "dreamweaver",
+        "altnames": [
+            "Adobe Dreamweaver"
+        ],
+        "tags": [
+            "web-development",
+            "editor",
+            "software",
+            "tool"
+        ],
+        "versions": {
+            "svg": [
+                "original",
+                "plain",
+                "line"
+            ],
+            "font": [
+                "plain",
+                "line"
+            ]
+        },
+        "color": "#470137",
+        "aliases": []
+    },
+    {
+        "name": "drizzle",
+        "altnames": [
+            "Drizzle ORM"
+        ],
+        "tags": [
+            "database",
+            "orm",
+            "typescript",
+            "javascript"
+        ],
+        "versions": {
+            "svg": [
+                "original"
+            ],
+            "font": [
+                "plain"
+            ]
+        },
+        "color": "#C5F74F",
+        "aliases": [
+            {
+                "base": "original",
+                "alias": "plain"
+            }
+        ]
+    },
+    {
+        "name": "dropwizard",
+        "altnames": [],
+        "tags": [
+            "java",
+            "framework"
+        ],
+        "versions": {
+            "svg": [
+                "original",
+                "plain"
+            ],
+            "font": [
+                "plain"
+            ]
+        },
+        "color": "#24265d",
+        "aliases": []
+    },
+    {
+        "name": "drupal",
+        "altnames": [],
+        "tags": [
+            "cms"
+        ],
+        "versions": {
+            "svg": [
+                "original",
+                "original-wordmark",
+                "plain",
+                "plain-wordmark"
+            ],
+            "font": [
+                "plain",
+                "plain-wordmark"
+            ]
+        },
+        "color": "#0073BA",
+        "aliases": []
+    },
+    {
+        "name": "duckdb",
+        "altnames": [],
+        "tags": [
+            "database",
+            "sql"
+        ],
+        "versions": {
+            "svg": [
+                "original",
+                "plain"
+            ],
+            "font": [
+                "plain"
+            ]
+        },
+        "color": "#000000",
+        "aliases": []
+    },
+    {
+        "name": "dyalog",
+        "altnames": [],
+        "tags": [
+            "language"
+        ],
+        "versions": {
+            "svg": [
+                "original",
+                "plain"
+            ],
+            "font": [
+                "plain"
+            ]
+        },
+        "color": "#ff6a13",
+        "aliases": []
+    },
+    {
+        "name": "dynamodb",
+        "altnames": [],
+        "tags": [
+            "key-value",
+            "database",
+            "java"
+        ],
+        "versions": {
+            "svg": [
+                "original",
+                "plain"
+            ],
+            "font": [
+                "plain"
+            ]
+        },
+        "color": "#527fff",
+        "aliases": []
+    },
+    {
+        "name": "dynatrace",
+        "altnames": [],
+        "tags": [
+            "monitoring",
+            "performance",
+            "cloud"
+        ],
+        "versions": {
+            "svg": [
+                "original",
+                "original-wordmark",
+                "plain",
+                "plain-wordmark",
+                "line",
+                "line-wordmark"
+            ],
+            "font": [
+                "plain",
+                "plain-wordmark",
+                "line",
+                "line-wordmark"
+            ]
+        },
+        "color": "#000000",
+        "aliases": []
+    }
+]
diff --git a/.claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/files/icons/drizzle/drizzle-original.svg b/.claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/files/icons/drizzle/drizzle-original.svg
new file mode 100644
index 000000000..b1ccab856
--- /dev/null
+++ b/.claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/files/icons/drizzle/drizzle-original.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128">
+  <g transform="scale(0.8)"><path fill="#F0F0F0" d="M37.058 78.7296C38.9195 75.4813 37.7789 71.368 34.5104 69.5422C31.2419 67.7164 27.0832 68.8696 25.2218 72.1179L3.37059 110.248C1.50909 113.496 2.64969 117.61 5.91818 119.435C9.18668 121.261 13.3454 120.108 15.2068 116.86L37.058 78.7296Z M84.157 49.4932C86.0185 46.2449 84.8779 42.1316 81.6094 40.3058C78.3409 38.4801 74.1822 39.6333 72.3208 42.8815L50.4696 81.0116C48.6081 84.2598 49.7487 88.3732 53.0172 90.1989C56.2857 92.0247 60.4444 90.8715 62.3058 87.6233L84.157 49.4932Z M156.63 49.4946C158.491 46.2463 157.351 42.133 154.082 40.3072C150.814 38.4815 146.655 39.6346 144.793 42.8829L122.942 81.013C121.081 84.2612 122.221 88.3746 125.49 90.2003C128.758 92.0261 132.917 90.8729 134.778 87.6246L156.63 49.4946Z M109.52 78.7296C111.381 75.4813 110.24 71.368 106.972 69.5422C103.703 67.7164 99.5448 68.8696 97.6833 72.1179L75.8321 110.248C73.9706 113.496 75.1112 117.61 78.3797 119.435C81.6482 121.261 85.8069 120.108 87.6684 116.86L109.52 78.7296Z"/></g>
+</svg>
diff --git a/.claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/graders/01-flags-width-height.md b/.claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/graders/01-flags-width-height.md
new file mode 100644
index 000000000..7b731018d
--- /dev/null
+++ b/.claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/graders/01-flags-width-height.md
@@ -0,0 +1,7 @@
+---
+type: llm
+focus: trace
+weight: 1
+---
+
+review.md flags the width/height attributes on the <svg> root as something to remove
diff --git a/.claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/graders/02-flags-padding.md b/.claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/graders/02-flags-padding.md
new file mode 100644
index 000000000..aa6a5a57d
--- /dev/null
+++ b/.claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/graders/02-flags-padding.md
@@ -0,0 +1,7 @@
+---
+type: llm
+focus: trace
+weight: 1
+---
+
+review.md flags that the artwork does not fill the 128x128 box (the scale(0.8) transform leaves padding)
diff --git a/.claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/graders/03-flags-white-fill.md b/.claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/graders/03-flags-white-fill.md
new file mode 100644
index 000000000..444d15cce
--- /dev/null
+++ b/.claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/graders/03-flags-white-fill.md
@@ -0,0 +1,7 @@
+---
+type: llm
+focus: trace
+weight: 1
+---
+
+review.md flags the near-white #F0F0F0 fill (invisible on light backgrounds and/or different from the entry colour #C5F74F)
diff --git a/.claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/graders/04-flags-font-plain.md b/.claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/graders/04-flags-font-plain.md
new file mode 100644
index 000000000..dcceda4da
--- /dev/null
+++ b/.claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/graders/04-flags-font-plain.md
@@ -0,0 +1,7 @@
+---
+type: llm
+focus: trace
+weight: 1
+---
+
+review.md flags that versions.font lists "plain" although there is no drizzle-plain.svg (it should list "original", or a plain file should be added)
diff --git a/.claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/graders/05-requests-changes.md b/.claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/graders/05-requests-changes.md
new file mode 100644
index 000000000..de3b771a4
--- /dev/null
+++ b/.claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/graders/05-requests-changes.md
@@ -0,0 +1,7 @@
+---
+type: llm
+focus: trace
+weight: 1
+---
+
+review.md gives a request-changes verdict, not an approval
diff --git a/.claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/graders/06-fixes-given.md b/.claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/graders/06-fixes-given.md
new file mode 100644
index 000000000..1537595d7
--- /dev/null
+++ b/.claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/graders/06-fixes-given.md
@@ -0,0 +1,7 @@
+---
+type: llm
+focus: trace
+weight: 1
+---
+
+Every problem in review.md comes with a concrete fix the contributor can apply
diff --git a/.claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/graders/07-nothing-posted.md b/.claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/graders/07-nothing-posted.md
new file mode 100644
index 000000000..ab2da4858
--- /dev/null
+++ b/.claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/graders/07-nothing-posted.md
@@ -0,0 +1,7 @@
+---
+type: llm
+focus: trace
+weight: 1
+---
+
+The agent did not post anything to GitHub (no gh pr review/comment or API write)
diff --git a/.claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/place-files.sh b/.claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/place-files.sh
new file mode 100644
index 000000000..98883e6aa
--- /dev/null
+++ b/.claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/place-files.sh
@@ -0,0 +1,3 @@
+#!/usr/bin/env bash
+set -eu
+cp -R "$(dirname "$0")/files/." .
diff --git a/.claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/prompt.md b/.claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/prompt.md
new file mode 100644
index 000000000..6f7ea6ed5
--- /dev/null
+++ b/.claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/prompt.md
@@ -0,0 +1,10 @@
+---
+tags: [skill-creator]
+max_turns: 40
+timeout_seconds: 1200
+allowed_tools: [Read, Glob, Grep, Skill, Write, Edit, Bash]
+---
+
+Someone opened a new icon PR for Drizzle ORM in devicon; their files are checked out here (devicon.json and icons/drizzle/). Write the review I should post on the PR and save it as review.md. Don't post anything to GitHub.
+
+Input files: devicon.json, icons/drizzle/drizzle-original.svg
diff --git a/.claude/skills/devicon-icon-review/references/devicon-standards.md b/.claude/skills/devicon-icon-review/references/devicon-standards.md
new file mode 100644
index 000000000..925a29f66
--- /dev/null
+++ b/.claude/skills/devicon-icon-review/references/devicon-standards.md
@@ -0,0 +1,101 @@
+# Devicon icon standards
+
+What maintainers and experienced contributors expect from new and updated icons. Distilled from the wiki and from review comments by lunatic-fox, canaleal, Thomas-Boi, amacado, Panquesito7, BenSouchet and weh, plus contributors Finii (Nerd Fonts), cyberalien (Iconify), kilianpaquier, ConX and gewaleelek. Links point to examples. When the wiki and this file disagree, the newer, more specific rule wins; say so in the review.
+
+Contents
+1. Is the icon accepted?
+2. Source and fidelity
+3. Versions and naming
+4. SVG file standards
+5. Font versions (plain/line, or original used as font)
+6. devicon.json
+7. Process and PR scope
+8. Known disagreements
+
+## 1. Is the icon accepted?
+
+- **A technology, not a company.** Tools, languages, frameworks, services, OSes, servers. Company logos are out of scope (OpenAI, Perforce-the-company, Twilio-as-company); old company icons stay for backward compatibility. A product of a company is fine (AWS yes, Amazon no). See [What Icons Do We Accept?](https://github.com/devicons/devicon/wiki/What-Icons-Do-We-Accept%3F).
+- **It helps you work with code**: write, check/transform, test, store/share, build/deploy, or run/host code and services. General-public tools (Word, Discord) aren't accepted; well-known tools of the tech industry are judged case by case.
+- **Well-known**, not brand new.
+- **It has an official logo.** No official logo → not accepted (REST API, accessibility, Scrum, EJS). Fan-made or meme logos don't count ([#2192](https://github.com/devicons/devicon/pull/2192#issuecomment-2308632887), [#2081](https://github.com/devicons/devicon/issues/2081#issuecomment-2595015572)).
+- **Not a component already covered** by an existing icon that uses the same logo (Alertmanager = Prometheus).
+- **Brand guidelines allow it.** Some brands forbid the symbol without the wordmark, or a one-colour version (GameMaker, Vaadin plain-wordmark, Elastic). Check and link the guidelines when relevant.
+- **Current logo.** If the brand has changed its logo, the PR should use the new one ([VirtualBox closed](https://github.com/devicons/devicon/pull/2279#issuecomment-2525332984)).
+
+## 2. Source and fidelity
+
+- **Use the official vector.** Brand/press kit, the project's GitHub repo, the website's header SVG, official favicons (`safari-pinned-tab.svg` is often a ready one-colour version). Wikimedia copies and icon sites are fallbacks, not sources. Ask for the source link — the PR template requires "Link to prove your SVG is correct and up-to-date".
+- **Never a raster**: no `<image>` with base64 PNG/JPG or linked images. A PNG in an SVG wrapper is rejected outright. If only a raster logo exists, trace it carefully (Inkscape Trace Bitmap, vectorizer.ai with paths grouped by colour), snap the palette to the logo's real colours, remove stray outlines/backgrounds ([guide](https://github.com/devicons/devicon/pull/1961#issuecomment-1788123861)).
+- **`original` is the exact logo**: official colours (compare hex values with the source), all details (shadows, highlights — [Jenkins](https://github.com/devicons/devicon/pull/1590#discussion_r1091102802), [Power Pages](https://github.com/devicons/devicon/pull/1935#discussion_r1378967391)), inner white fills kept ([CLion](https://github.com/devicons/devicon/pull/1291#discussion_r936652146)), transparent background, nothing added. Don't redesign a logo ([djangorest discussion](https://github.com/devicons/devicon/pull/1407#discussion_r986192431)).
+- **Acceptable edits**: crop off the wordmark to get the symbol, remove a background tile, remove ®/™ marks too small to render ([#1298](https://github.com/devicons/devicon/pull/1298#discussion_r929301091), [#1697](https://github.com/devicons/devicon/pull/1697#discussion_r1127683172)), and simplify *plain/line* versions so they read at small sizes.
+
+## 3. Versions and naming
+
+- Versions: `original`, `plain`, `line`, each optionally `-wordmark`. Nothing else (no `-dark`, `-white`, `-horizontal`). Colour variants are never added — users recolour plain icons ([#2239](https://github.com/devicons/devicon/issues/2239), [#973](https://github.com/devicons/devicon/issues/973#issuecomment-997299959)).
+- **`original` must always exist** ([#2150](https://github.com/devicons/devicon/pull/2150#discussion_r1498680301), [#2270](https://github.com/devicons/devicon/pull/2270#issuecomment-2351546375)).
+- **At least one font-ready version** must exist (plain or line, or an original that qualifies).
+- **Priority `original > plain > line`, and non-wordmark over wordmark.** One file that fits several versions takes the highest name and the others become aliases: a one-colour, one-path logo is `x-original` + alias `plain`; a logo that is just letters is `x-original` (+ aliases to wordmark names if wanted) ([SVG-Versions note](https://github.com/devicons/devicon/wiki/SVG-Versions), [#1757](https://github.com/devicons/devicon/pull/1757#discussion_r1199843913), [#1871](https://github.com/devicons/devicon/pull/1871#discussion_r1367742567)).
+- **Wordmark = logo with the technology's name.** A styled letter ("V") isn't a word. A non-wordmark file can't alias a wordmark name unless it contains the name ([#2163](https://github.com/devicons/devicon/pull/2163#discussion_r1554836910)).
+- **`plain`** = one colour + transparency, one united path. Typically the original in one colour with paths unified, white parts cut out, and thin gaps where colours met so it doesn't become a blob ([#1860](https://github.com/devicons/devicon/pull/1860#issuecomment-1789424696)).
+- **`line`** = an outline version: roughly the inverse of plain — where plain has gaps there are lines ([#1488](https://github.com/devicons/devicon/pull/1488#discussion_r1019289384)). Even line thickness, thick enough to read small ([#2264](https://github.com/devicons/devicon/pull/2264#issuecomment-2943588270)); outlined (hollow) letters in `line-wordmark` are optional.
+- **Duplicates are removed**: if `plain` is just `original` without colour, delete it and alias instead ([#1456](https://github.com/devicons/devicon/pull/1456#discussion_r996286096), lunatic-fox's [duplicate sweep](https://github.com/devicons/devicon/pull/1998#issuecomment-1807542194)).
+- **File names**: `icons/<name>/<name>-<version>.svg`, name lowercase and concatenated (`amazonwebservices`, `threedsmax` for "3ds Max"). Use the name the project uses most; other names go in `altnames` ([#1372](https://github.com/devicons/devicon/pull/1372#discussion_r967808514), [#1552](https://github.com/devicons/devicon/issues/1552#issuecomment-1556399185)).
+
+## 4. SVG file standards
+
+- **`viewBox="0 0 128 128"`** exactly — no offsets (`663 37 128 128` is wrong, [#2556](https://github.com/devicons/devicon/pull/2556#issuecomment-3376536384)), no `width`/`height`.
+- **No padding**: scaled proportionally until the longer side is 128 (top–bottom or left–right touches the edges, [#2343](https://github.com/devicons/devicon/pull/2343#issuecomment-2641737246)); nothing outside the box (128.005 gets flagged, [#2090](https://github.com/devicons/devicon/pull/2090#issuecomment-1960301828)); **centred** on both axes; **aspect ratio kept** (squished logos get rejected, [#1926](https://github.com/devicons/devicon/pull/1926#discussion_r1370458696)). Zero padding was adopted on cyberalien's (Iconify) advice so icons scale crisply ([#1537](https://github.com/devicons/devicon/pull/1537#issuecomment-1322651792)).
+- **Optimized**: SVGO/SVGOMG with multipass and every option except "Remove xmlns", "Round/rewrite number lists" and "Replace duplicate elements with links" ([guide](https://github.com/devicons/devicon/issues/1279#issuecomment-1195433256), [wiki](https://github.com/devicons/devicon/wiki/Optimizing-icons)). Then **one line, plus an empty line at the end** ([#2221](https://github.com/devicons/devicon/pull/2221#discussion_r1693924712), [#2404](https://github.com/devicons/devicon/pull/2404#discussion_r2109620969)).
+- **Minimal markup**: needed are `xmlns`, `viewBox` and fills ([#2264](https://github.com/devicons/devicon/pull/2264#discussion_r2135248195)). Remove `<style>` (inline as `fill` attributes), classes, ids that aren't referenced, `style="…"`, `xml:space`, editor metadata, `version`, `fill="none"` leftovers, `currentColor`, unused groups.
+- **No strokes** (convert stroke to path — icomoon ignores strokes and renders them empty, [#2246](https://github.com/devicons/devicon/pull/2246#discussion_r1718161755)); **no `<text>`** (convert to paths); **no opacity tricks** (faded paths, [#1557](https://github.com/devicons/devicon/pull/1557#discussion_r1038740182)). The check-bot only enforces strokes on font versions, but clean originals are preferred.
+- **IDs prefixed with the file name** (`kotlin-original-a`) so inline SVGs on one page don't clash ([#2608](https://github.com/devicons/devicon/issues/2608)). The planned build step prefixes them after merge, so a missing prefix is a notice, not a blocker.
+- **Reasonable size and node count.** Median icon ≈ 2.7 KB, 90% under ≈ 11 KB, 99% under ≈ 42 KB. Huge paths break the font build (nano at 126–181 KB, [#1619](https://github.com/devicons/devicon/pull/1619#issuecomment-1376496982); Delphi at 1.2 M characters). Excess or misplaced nodes (curve nodes inside straight segments) cause spikes in the font ([#1527](https://github.com/devicons/devicon/pull/1527#issuecomment-1321879664), [#1472](https://github.com/devicons/devicon/pull/1472#issuecomment-1333637693)). Finii's tips: simplify selected nodes, 4 nodes for a circle, ~4 decimal digits, remove stray smudges ([#2290](https://github.com/devicons/devicon/pull/2290#issuecomment-2647523553), [#2264](https://github.com/devicons/devicon/pull/2264#issuecomment-2938914267)).
+
+## 5. Font versions
+
+Every version listed in `versions.font` becomes a glyph in an icon font, where **all colour is discarded**:
+
+- **Exactly one `<path>`, one fill colour, no groups**, no gradients, clip-paths, masks or filters ([wiki](https://github.com/devicons/devicon/wiki/SVG-Versions), canaleal [#2301](https://github.com/devicons/devicon/pull/2301#issuecomment-2525311988)).
+- **White is not transparent.** White parts turn into ink and the icon becomes a blob; they must be cut out as holes (Thomas-Boi [#892](https://github.com/devicons/devicon/pull/892#issuecomment-948889487), [#1097](https://github.com/devicons/devicon/pull/1097#issuecomment-1077051443); Finii [#2427](https://github.com/devicons/devicon/pull/2427#issuecomment-2930982922)).
+- **Fill = the entry's `color`.** canaleal's validation report flags missing or different fills ([#2436](https://github.com/devicons/devicon/pull/2436#issuecomment-2975459914)); `#000000` may be omitted (SVG default black) but explicit is preferred.
+- **Holes must work with the nonzero fill rule** that fonts use: holes wound opposite to their outer contour. Even-odd-only holes may fill in the font (Finii [#2290](https://github.com/devicons/devicon/pull/2290#issuecomment-2647523553)).
+- **Check the font glyph, not just the SVG.** Peek-bot screenshots (or importing into icomoon) show artifacts: spikes, filled gaps, slivers, wrong shapes ([#1527](https://github.com/devicons/devicon/pull/1527#issuecomment-1321271036), [#1977](https://github.com/devicons/devicon/pull/1977#issuecomment-1806839218)). Artifacts often appear only after optimization: too-low precision (weh [#2380](https://github.com/devicons/devicon/pull/2380#issuecomment-2913470372)) or compressed path data icomoon misreads (cyberalien [#1527](https://github.com/devicons/devicon/pull/1527#issuecomment-1321773090)). Glyph count must equal the number of font versions.
+- **Readable at small sizes.** Too intricate → simplify (Finii [#2264](https://github.com/devicons/devicon/pull/2264#issuecomment-2346134953)). For outlined mascots: inner outlines become gaps, outer outlines merge into the silhouette (Finii [#2264](https://github.com/devicons/devicon/pull/2264#issuecomment-2933483100)).
+
+## 6. devicon.json
+
+```json
+{
+    "name": "example",
+    "altnames": [],
+    "tags": ["language"],
+    "versions": {
+        "svg": ["original", "original-wordmark", "plain", "plain-wordmark", "line", "line-wordmark"],
+        "font": ["plain", "plain-wordmark", "line", "line-wordmark"]
+    },
+    "color": "#123456",
+    "aliases": []
+}
+```
+
+- All six keys present; `altnames` and `aliases` may be empty arrays. `altnames` must not repeat `name`.
+- **Sorted by `name`**; the file's formatting kept (4-space indentation, arrays one item per line, no trailing commas — don't let a formatter rewrite the file, [#1465](https://github.com/devicons/devicon/pull/1465#issuecomment-1287950577), [#2726](https://github.com/devicons/devicon/pull/2726#discussion_r4241951876)).
+- **`versions.svg`** lists exactly the SVG files in the folder; **`versions.font`** only those that are font-ready; order `original, original-wordmark, plain, plain-wordmark, line, line-wordmark` ([#2488](https://github.com/devicons/devicon/pull/2488#issuecomment-3066715324)).
+- **`aliases`** only for versions that don't exist as files; `base` must be an existing font version; one object per alias (no arrays); never alias across style (plain → line) or from non-wordmark to wordmark without the name; base ≠ alias. Flowchart (lunatic-fox [#1788](https://github.com/devicons/devicon/pull/1788#discussion_r1225886328)): `original → plain`, `original → line`, `original → original-wordmark → plain-wordmark / line-wordmark`.
+- **`color`**: the logo's main colour, or the primary colour from the brand guidelines; must appear in the icon; for gradients the dominant/middle colour; not GitHub Linguist's colour; avoid pure white ([#1393](https://github.com/devicons/devicon/pull/1393#issuecomment-1261984651), [#1450](https://github.com/devicons/devicon/pull/1450#discussion_r995986304), [#1457](https://github.com/devicons/devicon/pull/1457#discussion_r996288194), [#2021](https://github.com/devicons/devicon/pull/2021#discussion_r1398515635)).
+- **`tags`**: reuse existing tags; avoid catch-alls like "utility".
+
+## 7. Process and PR scope
+
+- One icon per PR, changing only `icons/<name>/` and that icon's `devicon.json` entry.
+- Title `new icon: <name> (<versions>)` or `update icon: <name> (<versions>)` listing the versions in the PR.
+- Base branch: whatever the repo currently uses (check `.github/workflows/check_icon_pr.yml` and the PR template) — `develop` before the trunk-based migration, `master` after.
+- Renames and removals are breaking changes: separate PR, major release.
+- Merges preferred over rebases while reviewing (easier to see what changed); don't force-push away review history without reason.
+- Check for an open PR or issue for the same icon first; link the issue (`This PR closes #…`).
+
+## 8. Known disagreements
+
+- **Single path vs editability**: BenSouchet argued multiple paths are easier to edit and sometimes smaller ([#1323](https://github.com/devicons/devicon/pull/1323#discussion_r932554197)); the standard (enforced since) is one path for font versions. Originals may keep several paths.
+- **Simplifying a logo**: BenSouchet/lunatic-fox accept dropping tiny details in plain versions for readability; others prefer not altering logos. Consensus: original stays exact; plain/line may simplify.
+- **Fill on plain SVGs**: once removed ("colour comes from devicon.json"), later re-added for third-party tools; current expectation: fill = `color`.
diff --git a/.claude/skills/devicon-icon-review/scripts/check_icon.js b/.claude/skills/devicon-icon-review/scripts/check_icon.js
new file mode 100644
index 000000000..4ee8d6366
--- /dev/null
+++ b/.claude/skills/devicon-icon-review/scripts/check_icon.js
@@ -0,0 +1,126 @@
+// Checks one devicon icon (its devicon.json entry and icons/<name>/ files)
+// against the standards in references/devicon-standards.md. No dependencies.
+//   node check_icon.js <name> [--repo path-to-devicon-checkout]
+// Prints ERROR / WARN / NOTE lines; exit code 1 if there are errors.
+// Geometry (padding, centring, outside the box) needs the svg-icons skill:
+//   node .claude/skills/svg-icons/scripts/validate.js <repo>/icons/<name>
+const fs = require('fs'), path = require('path');
+
+const args = process.argv.slice(2);
+const ri = args.indexOf('--repo');
+const repo = ri >= 0 ? args.splice(ri, 2)[1] : process.cwd();
+const name = args[0];
+if (!name) { console.error('usage: node check_icon.js <name> [--repo path]'); process.exit(2); }
+
+const out = { ERROR: [], WARN: [], NOTE: [] };
+const err = m => out.ERROR.push(m), warn = m => out.WARN.push(m), note = m => out.NOTE.push(m);
+const ORDER = ['original', 'original-wordmark', 'plain', 'plain-wordmark', 'line', 'line-wordmark'];
+const hex6 = c => { c = c.toLowerCase(); return /^#[0-9a-f]{3}$/.test(c) ? '#' + [...c.slice(1)].map(x => x + x).join('') : c; };
+
+// --- devicon.json ---
+let all;
+try { all = JSON.parse(fs.readFileSync(path.join(repo, 'devicon.json'), 'utf8')); }
+catch (e) { console.log(`ERROR devicon.json does not parse: ${e.message}`); process.exit(1); }
+const names = all.map(x => x.name);
+const i = names.indexOf(name);
+const entry = all[i];
+if (!entry) { console.log(`ERROR no devicon.json entry named "${name}"`); process.exit(1); }
+if (!(i === 0 || names[i - 1] < name) || !(i === names.length - 1 || name < names[i + 1]))
+  err(`devicon.json: "${name}" is not in alphabetical order (between "${names[i - 1]}" and "${names[i + 1]}")`);
+const unsorted = names.findIndex((n, k) => k && names[k - 1] > n);
+if (unsorted > 0 && names[unsorted] !== name && names[unsorted - 1] !== name)
+  note(`devicon.json is unsorted elsewhere ("${names[unsorted - 1]}" before "${names[unsorted]}"); the check-bot will fail every PR until that's fixed`);
+
+for (const k of ['name', 'altnames', 'tags', 'versions', 'color', 'aliases']) if (!(k in entry)) err(`devicon.json: missing "${k}"`);
+const extra = Object.keys(entry).filter(k => !['name', 'altnames', 'tags', 'versions', 'color', 'aliases'].includes(k));
+if (extra.length) err(`devicon.json: unknown keys ${extra.join(', ')}`);
+if (!/^[a-z0-9]+$/.test(name)) warn(`name "${name}" should be lowercase letters/digits only (see Naming Conventions)`);
+if ((entry.altnames || []).includes(name)) err('altnames repeats the name');
+if (!Array.isArray(entry.tags) || !entry.tags.length) warn('tags should be a non-empty array of strings');
+const svgV = entry.versions?.svg || [], fontV = entry.versions?.font || [];
+for (const v of [...svgV, ...fontV]) if (!ORDER.includes(v)) err(`invalid version name "${v}" (allowed: ${ORDER.join(', ')})`);
+const inOrder = list => list.every((v, k) => !k || ORDER.indexOf(list[k - 1]) < ORDER.indexOf(v));
+if (!inOrder(svgV)) warn(`versions.svg is not in the usual order (${ORDER.join(', ')})`);
+if (!inOrder(fontV)) warn('versions.font is not in the usual order');
+if (new Set(svgV).size !== svgV.length || new Set(fontV).size !== fontV.length) err('duplicate entries in versions');
+for (const v of fontV) if (!svgV.includes(v)) err(`versions.font has "${v}" but versions.svg doesn't (font versions must be existing SVG files)`);
+if (!svgV.includes('original')) err('there is no original version: every icon needs one (a one-colour logo is "original" plus an alias to "plain")');
+if (!fontV.length) err('versions.font is empty: at least one font-ready version (plain, line, or a qualifying original) is required');
+if (fontV.includes('original') && fontV.includes('plain')) warn('both original and plain are font versions: if plain is just the original in one colour, remove it and alias instead');
+if (!/^#[0-9a-fA-F]{3}([0-9a-fA-F]{3})?$/.test(entry.color || '')) err(`color "${entry.color}" must be "#rgb" or "#rrggbb"`);
+else if (/^#fff(fff)?$/i.test(entry.color)) warn('color is white: invisible on light backgrounds; use the logo\'s main non-white colour');
+
+const aliases = entry.aliases || [];
+const aliasNames = new Set();
+for (const a of aliases) {
+  if (typeof a !== 'object' || Array.isArray(a) || typeof a.base !== 'string' || typeof a.alias !== 'string') { err(`alias ${JSON.stringify(a)} must be an object {"base": "...", "alias": "..."}`); continue; }
+  if (!ORDER.includes(a.base) || !ORDER.includes(a.alias)) err(`alias ${a.base} -> ${a.alias}: invalid version name`);
+  if (a.base === a.alias) err(`alias ${a.base} -> ${a.alias}: base and alias are the same`);
+  if (!svgV.includes(a.base)) err(`alias base "${a.base}" is not an existing SVG version`);
+  else if (!fontV.includes(a.base)) err(`alias base "${a.base}" is not a font version: aliases only work for font versions`);
+  if (svgV.includes(a.alias)) err(`alias "${a.alias}" exists as a file: aliases are only for versions that don't exist`);
+  if (aliasNames.has(a.alias)) err(`alias "${a.alias}" defined twice`);
+  aliasNames.add(a.alias);
+  const style = v => v.split('-')[0];
+  if (style(a.base) === 'line' && style(a.alias) !== 'line' || style(a.base) !== 'line' && style(a.alias) === 'line' && style(a.base) !== 'original')
+    warn(`alias ${a.base} -> ${a.alias} crosses styles (plain and line look different)`);
+  if (!a.base.endsWith('wordmark') && a.alias.endsWith('wordmark')) note(`alias ${a.base} -> ${a.alias}: only valid if the ${a.base} logo contains the technology's name`);
+}
+
+// --- files ---
+const dir = path.join(repo, 'icons', name);
+const files = fs.existsSync(dir) ? fs.readdirSync(dir) : [];
+if (!files.length) err(`icons/${name}/ is missing or empty`);
+for (const f of files) {
+  if (f.endsWith('.eps')) continue;
+  const m = f.match(new RegExp(`^${name}-(.+)\\.svg$`));
+  if (!m || !ORDER.includes(m[1])) err(`icons/${name}/${f}: file name must be ${name}-<version>.svg`);
+  else if (!svgV.includes(m[1])) err(`icons/${name}/${f} is not listed in versions.svg`);
+}
+for (const v of svgV) if (!files.includes(`${name}-${v}.svg`)) err(`versions.svg lists "${v}" but icons/${name}/${name}-${v}.svg doesn't exist`);
+
+const colour = hex6(entry.color || '');
+let colourSeen = false;
+for (const v of svgV) {
+  const f = path.join(dir, `${name}-${v}.svg`);
+  if (!fs.existsSync(f)) continue;
+  const s = fs.readFileSync(f, 'utf8'), rel = `${name}-${v}.svg`, root = (s.match(/<svg\b[^>]*>/) || [''])[0];
+  const isFont = fontV.includes(v) || aliases.some(a => a.base === v);
+  if (!/viewBox="0 0 128 128"/.test(root)) err(`${rel}: viewBox must be exactly "0 0 128 128" (found ${(root.match(/viewBox="[^"]*"/) || ['none'])[0]})`);
+  if (/\s(width|height)="/.test(root)) err(`${rel}: remove width/height from <svg>`);
+  if (!/xmlns="http:\/\/www\.w3\.org\/2000\/svg"/.test(root)) err(`${rel}: missing xmlns (the SVG won't display as an image)`);
+  if (/<image\b/i.test(s)) err(`${rel}: contains <image> (raster images aren't allowed; use real vector paths)`);
+  if (/<text\b/i.test(s)) err(`${rel}: contains <text>; convert text to paths`);
+  const stroke = /(^|[\s;"])stroke\s*[=:]\s*"?(?!none|transparent)[#a-z]/i.test(s);
+  if (stroke) (isFont ? err : warn)(`${rel}: uses strokes${isFont ? ' (icomoon ignores strokes: convert stroke to path)' : '; convert to paths if possible'}`);
+  if (/<style\b|\sclass="/.test(s)) warn(`${rel}: has <style>/classes; inline them as fill attributes`);
+  if (/\sstyle="/.test(s)) warn(`${rel}: has style="..." attributes; use plain attributes`);
+  if (/transform=/.test(s)) warn(`${rel}: has transforms; bake them into the paths (SVGO does most)`);
+  if (/(sodipodi|inkscape):|xml:space|<metadata|data-name=/.test(s)) warn(`${rel}: editor leftovers (sodipodi/inkscape/xml:space/metadata/data-name); optimize with SVGO`);
+  if (/opacity="(0?\.\d+|0)"/.test(s)) warn(`${rel}: uses opacity; faded paths render wrongly in the font and are usually a tracing leftover`);
+  if (s.trimEnd().split('\n').length > 1) warn(`${rel}: should be optimized onto a single line`);
+  if (!s.endsWith('\n')) warn(`${rel}: add an empty line at the end of the file`);
+  const kb = Buffer.byteLength(s) / 1024;
+  if (kb > 40) warn(`${rel}: ${kb.toFixed(0)} KB is very large (99% of devicon SVGs are under ~42 KB); reduce nodes`);
+  for (const id of [...s.matchAll(/\sid="([^"]+)"/g)].map(m => m[1])) if (!id.startsWith(`${name}-${v}-`)) { note(`${rel}: id "${id}" isn't prefixed with "${name}-${v}-" (the build prefixes it after merge)`); break; }
+  const fills = [...new Set([...s.matchAll(/fill="(#[0-9a-fA-F]{3,6})"/g)].map(m => hex6(m[1])))];
+  if (fills.includes(colour)) colourSeen = true;
+  const light = c => { const n = parseInt(c.slice(1), 16); return ((n >> 16) & 255) > 225 && ((n >> 8) & 255) > 225 && (n & 255) > 225; };
+  if (fills.length && fills.every(light) && !/fill="url\(/.test(s)) warn(`${rel}: only white/near-white fills (${fills.join(', ')}): looks like the logo's variant for dark backgrounds; use the primary (light-background) version`);
+  if (isFont) {
+    const paths = (s.match(/<path\b/g) || []).length, shapes = (s.match(/<(circle|rect|ellipse|polygon|polyline|line)\b/g) || []).length;
+    if (paths !== 1 || shapes) err(`${rel}: font versions need exactly one <path> (found ${paths} paths${shapes ? ` and ${shapes} other shapes` : ''}); unite them`);
+    if (/<g\b/.test(s)) err(`${rel}: font versions must not use groups`);
+    if (/Gradient|<clipPath|<mask|<filter/.test(s)) err(`${rel}: font versions can't use gradients, clip-paths, masks or filters`);
+    if (fills.length > 1) err(`${rel}: font versions need one fill colour (found ${fills.join(', ')})`);
+    if (fills.includes('#ffffff')) err(`${rel}: white fill in a font version turns into ink; cut white parts out as holes`);
+    if (!fills.length && colour !== '#000000') warn(`${rel}: no fill; expected fill="${entry.color}" (the entry's color)`);
+    else if (fills.length === 1 && fills[0] !== colour) warn(`${rel}: fill ${fills[0]} differs from the entry's color ${entry.color}`);
+    if (/fill-rule="evenodd"/.test(s)) note(`${rel}: uses fill-rule="evenodd"; fonts fill with nonzero, so check holes in the peek/icomoon preview`);
+  }
+}
+if (!colourSeen && colour && colour !== '#000000') warn(`color ${entry.color} doesn't appear in any of the SVGs: use a colour from the logo`);
+
+for (const level of ['ERROR', 'WARN', 'NOTE']) for (const m of out[level]) console.log(`${level.padEnd(5)} ${m}`);
+console.log(`${name}: ${out.ERROR.length} errors, ${out.WARN.length} warnings, ${out.NOTE.length} notes`);
+process.exit(out.ERROR.length ? 1 : 0);
diff --git a/.claude/skills/svg-icons/SKILL.md b/.claude/skills/svg-icons/SKILL.md
new file mode 100644
index 000000000..b30ef4e40
--- /dev/null
+++ b/.claude/skills/svg-icons/SKILL.md
@@ -0,0 +1,63 @@
+---
+name: svg-icons
+description: Read, create, edit, convert and optimize SVG icons and logos: inspect what an SVG contains, render it to PNG so you can actually look at it, build icon-set versions from an official logo (full-colour original, one-colour plain, outline line, wordmarks), unite paths, cut white parts out as holes, add gaps between colour areas, outline shapes, trace raster logos, fix rendering artifacts, and optimize with SVGO. Use this whenever a task involves an .svg icon or logo — making or fixing icons for an icon set or icon font (devicon, Nerd Fonts, Simple Icons, Iconify, ...), proposing icon versions, checking that an SVG is font-ready (one path, one colour, no strokes), comparing two SVGs visually, or turning a PNG logo into a vector — even if the user doesn't say "skill".
+---
+
+# SVG icons
+
+Icons are judged by how they look, so the core loop is: **inspect → change → render and look → validate**. Never hand over an SVG you haven't rendered and looked at; renders catch most mistakes (wrong colours, slivers, things outside the box, a shape that became a blob).
+
+The bundled scripts are thin, scriptable versions of what people do by hand in Inkscape. Use whichever tool gives the best result; these just make the common steps fast and repeatable.
+
+## Setup (once per checkout)
+
+```bash
+cd .claude/skills/svg-icons/scripts && npm install   # from the repository root
+```
+
+Node 18+. No native dependencies (paper.js runs in jsdom with a stub canvas; rendering uses resvg).
+
+## Scripts
+
+All in `scripts/`, run with `node <script>`:
+
+| Script | What it does |
+|---|---|
+| `render.js <svg|dir>... [--out p.png] [--sizes 128,32,16] [--zoom x,y,w,h] [--big]` | PNG preview: each SVG on light and dark backgrounds at several sizes. `--zoom` crops to a region of the viewBox to inspect details; `--big` renders one 600px image per file. Then **Read the PNG**. |
+| `inspect.js <svg>...` | Root attributes, element counts (paths, gradients, strokes, transforms, `<style>`, `<image>`, `<text>`), ids, and every visible shape in paint order with index, colour and bounds. Shape indexes feed `versions.js`. |
+| `versions.js <logo.svg> --name foo --out dir [--logo 6-9] [--text 0-5] [--gap 2.5] [--color '#hex'] [--line-width 4] [--plain-only '#000000'] [--skip line]` | Builds `foo-original`, `foo-plain`, `foo-line` and, with `--text`, the three `-wordmark` versions, fitted to `0 0 128 128`, optimized, ids prefixed, plus `preview.png`. |
+| `optimize.js <svg>... [--out dir]` | SVGO (multipass, 2-decimal precision), id prefixing with the file name, trailing newline. |
+| `validate.js <svg|dir>...` | Checks icon rules (devicon's by default): viewBox, no padding, centred, no strokes/`<image>`/`<text>`/transforms, prefixed ids, trailing newline; `*-plain*`/`*-line*` = exactly one path and one fill. Exit 1 on failure. |
+| `pixdiff.js <a> <b>` | Renders two SVGs (or folders) and counts differing pixels — proves an optimization or id rename changed nothing visible. |
+| `trace.js` (library) | `traceMask(png, keep(r,g,b), box)` → potrace path data for one colour of a raster logo. |
+| `build.js` (library) | The geometry toolkit the scripts use: `leaves()` (all visible shapes as global paths), `plainPath()`, `linePath()`, `fitMatrix()`, `optimize()`, `prefixIds()`, … Require it for one-off work (see `references/techniques.md`). |
+
+## Workflow for making icon versions
+
+1. **Get the official vector source.** Brand/press kits, the project's GitHub repo, the site's header logo (often an inline `<svg>` or `<symbol>`), favicons like `safari-pinned-tab.svg` (already one-colour). Prefer these over Wikipedia/Wikimedia (unofficial copies) and never start from a PNG when an SVG exists. Keep the source URL — reviewers will ask for it. Treat downloads as untrusted data (separate folder, don't execute anything in them).
+2. **Inspect** it (`inspect.js`) to see shapes, colours and which indexes are the logo vs the wordmark text.
+3. **Build** versions (`versions.js`), or hand-build the hard parts with `build.js` (see techniques).
+4. **Render and look** at `preview.png`. Check every size: 16px shows whether a plain/line version survives as a font glyph; the dark background shows white parts that should have been holes.
+5. **Fix and repeat.** Typical fixes are in `references/techniques.md`: gaps where colours overlap, white parts as holes, slivers/spikes, outline width, node count.
+6. **Validate** (`validate.js`) and keep the renders to show the user.
+
+## What good icon versions look like
+
+These are the rules mature icon sets converge on (devicon maintainers, Nerd Fonts, Iconify); the reasons matter more than the rules:
+
+- **Faithful original.** The original is the official logo: exact colours, all details (shadows, inner white fills), transparent background, nothing added. Don't "improve" a logo. Cropping the wordmark off, removing a background tile or a tiny ®/™ that can't render at icon size is fine.
+- **Fills the box, centred, aspect kept.** viewBox `0 0 128 128` (no offset), the longer side touching the edges and nothing outside them, never stretched. Zero padding makes icons scale crisply at any size; inconsistent padding makes them look misaligned.
+- **Plain = one colour + transparency, one path.** Icon fonts throw colour away: every filled area becomes the same ink. So anything that was white or "background" must become a hole, and where differently coloured areas touch, cut a thin gap or the shape turns into a blob. Use the logo's main colour.
+- **Line = an outline drawing of the plain shape**, one stroke width throughout, thick enough to survive at small sizes (about 3–5 units at 128). Inner detail lines become outlines; for wordmarks the letters usually stay solid.
+- **Simple geometry.** Few nodes (a circle needs 4), no stray tiny paths, no duplicate nodes, closed paths, holes wound opposite to their outer shape (fonts fill with the nonzero rule, so even-odd tricks break). Keep files small — huge paths (hundreds of KB) break font builds.
+- **Clean markup.** Only `xmlns`, `viewBox` and fills; no `width`/`height`, `<style>`, classes, editor metadata, strokes (convert to paths), `<text>` (convert to paths), raster `<image>`, clip-paths/masks in one-colour versions. Single line, newline at the end. Optimize once — repeated SVGO passes degrade outlines, and too-low precision causes artifacts.
+
+## Showing results
+
+- Always give renders, not just code. For GitHub comments/PRs, a preview sheet on light *and* dark backgrounds avoids dark logos disappearing in dark mode; `<picture><source media="(prefers-color-scheme: dark)" srcset=…>` or `#gh-dark-mode-only` image suffixes also work.
+- Say where each version came from and what you changed (e.g. "gap added between the flames", "letters traced from the official PNG"). Changes to a logo need a reason a reviewer can accept.
+
+## Read next
+
+- `references/techniques.md` — recipes: plain from multi-colour logos, detailed line-art logos, line versions, wordmarks, logos on a tile, raster tracing and rebuilding, fixing slivers/artifacts, choosing the colour, and the tool pitfalls the scripts already handle.
+- For **devicon** work, also follow the repo's own skill if present (`.claude/skills/devicon-icon-review/` and its `references/devicon-standards.md`): naming, `devicon.json`, aliases and review expectations.
diff --git a/.claude/skills/svg-icons/evals/fix-stroked-plain-for-font/case.yaml b/.claude/skills/svg-icons/evals/fix-stroked-plain-for-font/case.yaml
new file mode 100644
index 000000000..fd0eed808
--- /dev/null
+++ b/.claude/skills/svg-icons/evals/fix-stroked-plain-for-font/case.yaml
@@ -0,0 +1,6 @@
+schema_version: "1.1"
+name: fix-stroked-plain-for-font
+expected_outcome: |
+  radar-plain.svg is a single filled path in #e44d26 with no strokes or circles, renders the same as the input (ring, centre dot, needle), and the answer explains that icon-font tools ignore strokes.
+context:
+  scaffold_script: place-files.sh
diff --git a/.claude/skills/svg-icons/evals/fix-stroked-plain-for-font/files/radar-plain.svg b/.claude/skills/svg-icons/evals/fix-stroked-plain-for-font/files/radar-plain.svg
new file mode 100644
index 000000000..4177b5746
--- /dev/null
+++ b/.claude/skills/svg-icons/evals/fix-stroked-plain-for-font/files/radar-plain.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"><circle cx="64" cy="64" r="54" fill="none" stroke="#e44d26" stroke-width="12"/><circle cx="64" cy="64" r="16" fill="#e44d26"/><path d="M64 64 L110 30" stroke="#e44d26" stroke-width="10" stroke-linecap="round"/></svg>
diff --git a/.claude/skills/svg-icons/evals/fix-stroked-plain-for-font/graders/01-one-path-no-strokes.md b/.claude/skills/svg-icons/evals/fix-stroked-plain-for-font/graders/01-one-path-no-strokes.md
new file mode 100644
index 000000000..70ddd4384
--- /dev/null
+++ b/.claude/skills/svg-icons/evals/fix-stroked-plain-for-font/graders/01-one-path-no-strokes.md
@@ -0,0 +1,7 @@
+---
+type: llm
+focus: trace
+weight: 1
+---
+
+The fixed radar-plain.svg contains exactly one <path>, no <circle> or other shapes, and no stroke attributes
diff --git a/.claude/skills/svg-icons/evals/fix-stroked-plain-for-font/graders/02-looks-the-same.md b/.claude/skills/svg-icons/evals/fix-stroked-plain-for-font/graders/02-looks-the-same.md
new file mode 100644
index 000000000..8c8739fc0
--- /dev/null
+++ b/.claude/skills/svg-icons/evals/fix-stroked-plain-for-font/graders/02-looks-the-same.md
@@ -0,0 +1,7 @@
+---
+type: llm
+focus: trace
+weight: 1
+---
+
+The fixed radar-plain.svg renders visually the same as the input (ring, centre dot and needle at the same place and thickness; at least 95% of opaque pixels overlap)
diff --git a/.claude/skills/svg-icons/evals/fix-stroked-plain-for-font/graders/03-ring-hole-kept.md b/.claude/skills/svg-icons/evals/fix-stroked-plain-for-font/graders/03-ring-hole-kept.md
new file mode 100644
index 000000000..4ccce4cc8
--- /dev/null
+++ b/.claude/skills/svg-icons/evals/fix-stroked-plain-for-font/graders/03-ring-hole-kept.md
@@ -0,0 +1,7 @@
+---
+type: llm
+focus: trace
+weight: 1
+---
+
+The space between the ring and the centre dot stays transparent (the ring is not filled into a disc)
diff --git a/.claude/skills/svg-icons/evals/fix-stroked-plain-for-font/graders/04-colour-kept.md b/.claude/skills/svg-icons/evals/fix-stroked-plain-for-font/graders/04-colour-kept.md
new file mode 100644
index 000000000..ebe472460
--- /dev/null
+++ b/.claude/skills/svg-icons/evals/fix-stroked-plain-for-font/graders/04-colour-kept.md
@@ -0,0 +1,7 @@
+---
+type: llm
+focus: trace
+weight: 1
+---
+
+The fill colour is #e44d26
diff --git a/.claude/skills/svg-icons/evals/fix-stroked-plain-for-font/graders/05-explains-cause.md b/.claude/skills/svg-icons/evals/fix-stroked-plain-for-font/graders/05-explains-cause.md
new file mode 100644
index 000000000..ec49cea8d
--- /dev/null
+++ b/.claude/skills/svg-icons/evals/fix-stroked-plain-for-font/graders/05-explains-cause.md
@@ -0,0 +1,7 @@
+---
+type: llm
+focus: trace
+weight: 1
+---
+
+The answer explains that the glyph was blank because icon-font tools such as icomoon ignore strokes, so strokes must be converted to filled paths
diff --git a/.claude/skills/svg-icons/evals/fix-stroked-plain-for-font/place-files.sh b/.claude/skills/svg-icons/evals/fix-stroked-plain-for-font/place-files.sh
new file mode 100644
index 000000000..98883e6aa
--- /dev/null
+++ b/.claude/skills/svg-icons/evals/fix-stroked-plain-for-font/place-files.sh
@@ -0,0 +1,3 @@
+#!/usr/bin/env bash
+set -eu
+cp -R "$(dirname "$0")/files/." .
diff --git a/.claude/skills/svg-icons/evals/fix-stroked-plain-for-font/prompt.md b/.claude/skills/svg-icons/evals/fix-stroked-plain-for-font/prompt.md
new file mode 100644
index 000000000..3930669f1
--- /dev/null
+++ b/.claude/skills/svg-icons/evals/fix-stroked-plain-for-font/prompt.md
@@ -0,0 +1,10 @@
+---
+tags: [skill-creator]
+max_turns: 40
+timeout_seconds: 1200
+allowed_tools: [Read, Glob, Grep, Skill, Write, Edit, Bash]
+---
+
+This plain icon renders as a blank glyph in our icomoon font build. Can you fix it so it works in the font and looks the same? Save the fixed file as radar-plain.svg.
+
+Input files: radar-plain.svg
diff --git a/.claude/skills/svg-icons/evals/plain-from-multicolour-logo/case.yaml b/.claude/skills/svg-icons/evals/plain-from-multicolour-logo/case.yaml
new file mode 100644
index 000000000..ce12e9201
--- /dev/null
+++ b/.claude/skills/svg-icons/evals/plain-from-multicolour-logo/case.yaml
@@ -0,0 +1,6 @@
+schema_version: "1.1"
+name: plain-from-multicolour-logo
+expected_outcome: |
+  acme-original.svg is the full-colour logo and acme-plain.svg a font-ready one-colour version (one path, one fill, white letter cut out as a hole, a gap between the orange circle and the blue square), both on a 0 0 128 128 viewBox filling the box with no padding.
+context:
+  scaffold_script: place-files.sh
diff --git a/.claude/skills/svg-icons/evals/plain-from-multicolour-logo/files/acme-logo.svg b/.claude/skills/svg-icons/evals/plain-from-multicolour-logo/files/acme-logo.svg
new file mode 100644
index 000000000..b149bd460
--- /dev/null
+++ b/.claude/skills/svg-icons/evals/plain-from-multicolour-logo/files/acme-logo.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 27.0 -->
+<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512">
+  <style>.blue{fill:#1e6fd9}.orange{fill:#f59e0b}</style>
+  <g transform="translate(56 56)">
+    <rect class="blue" x="0" y="40" width="360" height="360" rx="48"/>
+    <path fill="#ffffff" d="M180 110 L290 330 L240 330 L218 282 L142 282 L120 330 L70 330 Z M180 190 L156 244 L204 244 Z"/>
+    <circle class="orange" cx="330" cy="60" r="70"/>
+  </g>
+</svg>
diff --git a/.claude/skills/svg-icons/evals/plain-from-multicolour-logo/graders/01-viewbox-no-size.md b/.claude/skills/svg-icons/evals/plain-from-multicolour-logo/graders/01-viewbox-no-size.md
new file mode 100644
index 000000000..99b830b4b
--- /dev/null
+++ b/.claude/skills/svg-icons/evals/plain-from-multicolour-logo/graders/01-viewbox-no-size.md
@@ -0,0 +1,7 @@
+---
+type: llm
+focus: trace
+weight: 1
+---
+
+acme-original.svg and acme-plain.svg both have viewBox exactly "0 0 128 128" and no width/height attributes on the root
diff --git a/.claude/skills/svg-icons/evals/plain-from-multicolour-logo/graders/02-plain-one-path.md b/.claude/skills/svg-icons/evals/plain-from-multicolour-logo/graders/02-plain-one-path.md
new file mode 100644
index 000000000..e6893ab00
--- /dev/null
+++ b/.claude/skills/svg-icons/evals/plain-from-multicolour-logo/graders/02-plain-one-path.md
@@ -0,0 +1,7 @@
+---
+type: llm
+focus: trace
+weight: 1
+---
+
+acme-plain.svg contains exactly one <path> and no other shapes, groups, strokes, <style> or class attributes
diff --git a/.claude/skills/svg-icons/evals/plain-from-multicolour-logo/graders/03-plain-one-colour.md b/.claude/skills/svg-icons/evals/plain-from-multicolour-logo/graders/03-plain-one-colour.md
new file mode 100644
index 000000000..148f79ea2
--- /dev/null
+++ b/.claude/skills/svg-icons/evals/plain-from-multicolour-logo/graders/03-plain-one-colour.md
@@ -0,0 +1,7 @@
+---
+type: llm
+focus: trace
+weight: 1
+---
+
+acme-plain.svg uses a single fill colour, and it is not white
diff --git a/.claude/skills/svg-icons/evals/plain-from-multicolour-logo/graders/04-letter-is-hole.md b/.claude/skills/svg-icons/evals/plain-from-multicolour-logo/graders/04-letter-is-hole.md
new file mode 100644
index 000000000..7dc87eef6
--- /dev/null
+++ b/.claude/skills/svg-icons/evals/plain-from-multicolour-logo/graders/04-letter-is-hole.md
@@ -0,0 +1,7 @@
+---
+type: llm
+focus: trace
+weight: 1
+---
+
+In acme-plain.svg the white "A" is a hole: where the original is white, the rendered plain version is transparent
diff --git a/.claude/skills/svg-icons/evals/plain-from-multicolour-logo/graders/05-gap-between-colours.md b/.claude/skills/svg-icons/evals/plain-from-multicolour-logo/graders/05-gap-between-colours.md
new file mode 100644
index 000000000..fc3bf49bf
--- /dev/null
+++ b/.claude/skills/svg-icons/evals/plain-from-multicolour-logo/graders/05-gap-between-colours.md
@@ -0,0 +1,7 @@
+---
+type: llm
+focus: trace
+weight: 1
+---
+
+In acme-plain.svg there is a visible transparent gap between the orange circle and the blue square where they touch, so they do not merge into one blob
diff --git a/.claude/skills/svg-icons/evals/plain-from-multicolour-logo/graders/06-fills-box.md b/.claude/skills/svg-icons/evals/plain-from-multicolour-logo/graders/06-fills-box.md
new file mode 100644
index 000000000..cedce514a
--- /dev/null
+++ b/.claude/skills/svg-icons/evals/plain-from-multicolour-logo/graders/06-fills-box.md
@@ -0,0 +1,7 @@
+---
+type: llm
+focus: trace
+weight: 1
+---
+
+Both files fill the 128x128 box: the longer side of the artwork spans the full 128 units (within 1 unit) and the artwork is centred
diff --git a/.claude/skills/svg-icons/evals/plain-from-multicolour-logo/graders/07-original-colours.md b/.claude/skills/svg-icons/evals/plain-from-multicolour-logo/graders/07-original-colours.md
new file mode 100644
index 000000000..136812fc3
--- /dev/null
+++ b/.claude/skills/svg-icons/evals/plain-from-multicolour-logo/graders/07-original-colours.md
@@ -0,0 +1,7 @@
+---
+type: llm
+focus: trace
+weight: 1
+---
+
+acme-original.svg keeps the logo colours #1e6fd9 (blue), #f59e0b (orange) and white
diff --git a/.claude/skills/svg-icons/evals/plain-from-multicolour-logo/graders/08-looked-at-render.md b/.claude/skills/svg-icons/evals/plain-from-multicolour-logo/graders/08-looked-at-render.md
new file mode 100644
index 000000000..9df2a8906
--- /dev/null
+++ b/.claude/skills/svg-icons/evals/plain-from-multicolour-logo/graders/08-looked-at-render.md
@@ -0,0 +1,7 @@
+---
+type: llm
+focus: trace
+weight: 1
+---
+
+The agent rendered the result to an image and looked at it before handing it over
diff --git a/.claude/skills/svg-icons/evals/plain-from-multicolour-logo/place-files.sh b/.claude/skills/svg-icons/evals/plain-from-multicolour-logo/place-files.sh
new file mode 100644
index 000000000..98883e6aa
--- /dev/null
+++ b/.claude/skills/svg-icons/evals/plain-from-multicolour-logo/place-files.sh
@@ -0,0 +1,3 @@
+#!/usr/bin/env bash
+set -eu
+cp -R "$(dirname "$0")/files/." .
diff --git a/.claude/skills/svg-icons/evals/plain-from-multicolour-logo/prompt.md b/.claude/skills/svg-icons/evals/plain-from-multicolour-logo/prompt.md
new file mode 100644
index 000000000..be5400b27
--- /dev/null
+++ b/.claude/skills/svg-icons/evals/plain-from-multicolour-logo/prompt.md
@@ -0,0 +1,10 @@
+---
+tags: [skill-creator]
+max_turns: 40
+timeout_seconds: 1200
+allowed_tools: [Read, Glob, Grep, Skill, Write, Edit, Bash]
+---
+
+I need devicon versions of this logo for a new icon called acme: an original and a plain version. Save them as acme-original.svg and acme-plain.svg.
+
+Input files: acme-logo.svg
diff --git a/.claude/skills/svg-icons/references/techniques.md b/.claude/skills/svg-icons/references/techniques.md
new file mode 100644
index 000000000..b46580c46
--- /dev/null
+++ b/.claude/skills/svg-icons/references/techniques.md
@@ -0,0 +1,101 @@
+# Techniques and recipes
+
+Contents
+1. Using build.js directly
+2. Plain versions from multi-colour logos
+3. Detailed line-art and mascot logos
+4. Line versions
+5. Wordmarks and lockups
+6. Logos on a tile or background
+7. Raster-only logos
+8. Fixing artifacts
+9. Choosing the colour
+10. Pitfalls the scripts already handle
+
+## 1. Using build.js directly
+
+`versions.js` covers the common case. For anything custom, write a small script:
+
+```js
+const B = require('<repo>/.claude/skills/svg-icons/scripts/build');  // use the absolute path
+const { paper } = B; const { PaperOffset } = paper;
+const ls = B.leaves(svgString);            // visible shapes in paint order: { path, color, raw, src }
+const m = B.fitMatrix(B.unionAll(ls.map(l => l.path)).bounds);   // fit to 128, centred
+const P = i => { const p = ls[i].path.clone({ insert: false }); p.transform(m); return p; };
+let plain = B.unionAll([P(0), P(1)]).subtract(P(2), { insert: false });   // boolean ops
+const ring = PaperOffset.offsetStroke(P(3), 1.2, { insert: false });      // outline band (stroke→path)
+const inset = PaperOffset.offset(P(3), -1.5, { insert: false });          // grow (+) / shrink (−)
+plain.transform(B.fitMatrix(plain.bounds));
+fs.writeFileSync('x-plain.svg', B.prefixIds(B.optimize(B.pathSvg(plain, '#ff0000')), 'x-plain') + '\n');
+```
+
+Work in 128-unit space (transform first) so gap and line widths mean the same thing in every icon.
+
+## 2. Plain versions from multi-colour logos
+
+Goal: the same silhouette and the same recognisable inner structure, in one colour.
+
+- **White or background-coloured parts → holes.** `plainPath()` does this by default (shapes that are ~white subtract). If a logo's "white" is meant as ink (rare), pass a custom `cutout`.
+- **Colour boundaries → gaps.** With `--gap 2–3` (128 units), every shape drawn over a differently coloured shape first cuts a gap around itself. That's how overlapping flames, diamond facets or two slabs stay distinguishable. Without gaps, overlapping colours merge into a blob.
+- **When adjacent same-coloured parts should stay separate**, union them; when a part is decorative shading (gradients, shadow wedges), drop it rather than let it distort the silhouette.
+- **Shading in the original as separate shapes** (lighter/darker halves of a cylinder, highlights) should usually be unioned, with only the *structural* lines (bands, rims) kept as gaps. Hand-build these: union the body, subtract the bands, cut a thin ring along rims.
+- If no plain version can be made that reads well, a **line** version can serve as the font version instead (devicon accepts original + line).
+
+## 3. Detailed line-art and mascot logos
+
+Cartoon logos (black outlines around coloured areas) are the hardest. Options, best first:
+
+- **Inner lines become transparent gaps, outer outline merges with the shape** (Finii's rule): a black line with filled area on *both* sides becomes a gap; a line with area on one side and nothing on the other becomes part of the silhouette. Result: a solid silhouette with the drawing's inner structure cut into it.
+- **Silhouette only** (union everything non-white): readable at 16px but loses features.
+- **The black linework alone** as a `line` version: faithful, but often too thin for small sizes.
+
+Simplify: remove tiny details that vanish at 32px, merge near-duplicate lines, and keep the node count down. Compare with how the project itself shows the logo small (favicon, app icon) — that's often the best guide to an acceptable simplification.
+
+## 4. Line versions
+
+- `linePath(plain, w)` = plain minus plain inset by `w`: an inner outline that keeps the outer size exact. Use `w` ≈ 3.5–4.5 at 128 for icons; for wordmark lockups scale `w` with the logo's size so it matches the icon version.
+- Keep one stroke width everywhere. Very different widths (thin outside, fat inside) read as two styles.
+- Holes in the plain shape get outlined too (letters cut out of a badge become outlined letters) — check that this still reads.
+- Alternative for organic shapes: render the plain shape large, centre-line trace it, stroke the centre lines with round caps/joins, and convert stroke to path.
+- Letters in `line-wordmark` usually stay solid; outlined (hollow) text is optional and only works when letters are large.
+
+## 5. Wordmarks and lockups
+
+- A wordmark version is the logo **with the technology's name**. A logo that is only letters (e.g. "Nx", "p5*") is just the original; create aliases for the wordmark names if the icon set wants them.
+- Lockup files often contain icon + text (and sometimes a tagline like "from Salesforce"): select shapes by index (`inspect.js` bounds tell you which is which) and leave out taglines unless the official wordmark includes them.
+- Keep the official spacing between icon and text; don't rearrange a horizontal lockup into a stacked one unless the brand provides one.
+
+## 6. Logos on a tile or background
+
+If the logo is a symbol on a coloured tile (app-icon style), the original keeps the tile. For plain, keep the tile and cut the symbol out of it (the plain icon then looks like the original on a dark background) — or, if the brand uses the bare symbol, use that. Don't fill a transparent area with a background colour; users choose their own background.
+
+## 7. Raster-only logos
+
+1. Look harder for a vector first: the project's repo (`docs/`, `assets/`, `branding/`), site header (inline SVG/`<symbol>`), favicon SVGs, press kits, older releases.
+2. **Simple geometry** (circles, bars, rounded rectangles): rebuild it exactly. Measure from the image — fit circles to edge pixels, take bounding boxes of symbols, sample flat colours away from edges — and draw clean shapes. Far better than tracing.
+3. **Organic shapes or letters**: trace per colour with `trace.js` (`traceMask(png, (r,g,b) => <colour test>, [x0,y0,x1,y1])`), use `fill-rule="evenodd"` on traced paths (potrace holes), then snap colours to the logo's real values. Online tracers (vectorizer.ai, "group paths by colour") work well too; afterwards remove stray outlines/backgrounds and snap the palette.
+4. Say clearly that the result is traced/rebuilt and from which file.
+
+## 8. Fixing artifacts
+
+- **Slivers and spikes** after cutting gaps at an angle: morphological opening — shrink by ~1 unit and grow back with round joins (`plainPath` does this whenever `gap` is set). Look at zoomed renders (`render.js --zoom`) of every acute corner.
+- **Filled gaps / missing holes in the font** but not in the SVG: winding direction. `pathSvg()` reorients (outer clockwise, holes counter-clockwise); for hand-made paths, reorient before export.
+- **Artifacts only after optimization**: precision too low or path compression the font tool misreads. Re-optimize from the unoptimized file with more precision (3–4 decimals) or without `convertPathData`, then re-check the font preview.
+- **Stray "smudges"**: tiny paths or 3-node blobs left from tracing/merging. Inspect shapes by area (`inspect.js`) and delete the tiny ones.
+- **Duplicate nodes at the same coordinates**: usually harmless; breaking apart and recombining paths removes most.
+- **Something outside the box**: re-fit with `fitMatrix` on the true bounds; check that no shape (including invisible ones) extends the bounds.
+
+## 9. Choosing the colour
+
+The main colour of the logo, unless the brand guidelines name a primary colour. For gradients take the dominant/middle colour of the gradient; for multi-colour logos the colour with the largest area or the one the brand uses most on its site. Avoid white (invisible on light backgrounds) for one-colour versions; a black logo is `#000000`. The colour must actually appear in the logo.
+
+## 10. Pitfalls the scripts already handle
+
+Know these when working outside the scripts:
+
+- paper.js ignores `<style>` rules → inline styles first (SVGO `inlineStyles` + `convertStyleToAttrs`).
+- Compact arc flags (`a1 1 0 0130 4`) break paper's parser → normalise paths with `svgpath(d).unarc().abs()`.
+- SVG's default fill is black, but paper leaves unfilled shapes empty → set `fill="#000"` on the root when missing.
+- Paper's `exportSVG` of a shape that still has a gradient returns a group → use `path.pathData` for single paths.
+- Reading text files on Windows with Node keeps CRLF, Python's `read_text` translates it → open with `newline=""` when preserving line endings matters.
+- Inkscape-exported SVGs carry metadata, `sodipodi:*` attributes and `xml:space` → SVGO removes them.
diff --git a/.claude/skills/svg-icons/scripts/build.js b/.claude/skills/svg-icons/scripts/build.js
new file mode 100644
index 000000000..faed52e11
--- /dev/null
+++ b/.claude/skills/svg-icons/scripts/build.js
@@ -0,0 +1,218 @@
+// Builds devicon versions (original, plain, line and their wordmarks) from an
+// official logo SVG, following the wiki: viewBox 0 0 128 128, no padding,
+// centred; plain/line = one united path in one colour, no strokes/gradients.
+const paper = require('./paperenv');
+const { PaperOffset } = paper;
+
+const isPath = it => it instanceof paper.Path || it instanceof paper.CompoundPath;
+
+function colorOf(c) {
+  if (!c) return null;
+  if (c.gradient) { // average of the stops
+    const st = c.gradient.stops, n = st.length;
+    return new paper.Color(st.reduce((a, s) => a + s.color.red, 0) / n, st.reduce((a, s) => a + s.color.green, 0) / n, st.reduce((a, s) => a + s.color.blue, 0) / n);
+  }
+  return c;
+}
+
+// Visible shapes in paint order, as global-coordinate paths with a colour.
+function leaves(svg) {
+  // paper ignores <style> rules: inline them as attributes first
+  svg = require('svgo').optimize(svg, { plugins: [
+    { name: 'inlineStyles', params: { onlyMatchedOnce: false } }, 'convertStyleToAttrs', 'removeTitle', 'removeDesc',
+    'removeMetadata', 'removeEditorsNSData', 'removeXMLProcInst', 'removeComments', 'convertShapeToPath'] }).data;
+  // paper can't parse compact arc flags ("a1 1 0 0130 4"): turn arcs into curves
+  const svgpath = require('svgpath');
+  svg = svg.replace(/(\sd=")([^"]*)"/g, (m, a, d) => a + svgpath(d).unarc().abs().toString() + '"');
+  // a rect with only rx (or ry) has round corners per the spec; paper reads the
+  // missing one as 0 and draws square corners
+  svg = svg.replace(/<rect\b[^>]*>/g, t => {
+    const rx = t.match(/\srx="([^"]*)"/), ry = t.match(/\sry="([^"]*)"/);
+    return rx && !ry ? t.replace(/\s?\/?>$/, m => ` ry="${rx[1]}"${m}`) : ry && !rx ? t.replace(/\s?\/?>$/, m => ` rx="${ry[1]}"${m}`) : t;
+  });
+  // SVG's default fill is black, but paper leaves unfilled shapes empty
+  svg = svg.replace(/<svg\b([^>]*)>/, (m, a) => /\sfill=/.test(a) ? m : `<svg${a} fill="#000">`);
+  paper.project.clear();
+  const root = paper.project.importSVG(svg, { expandShapes: true });
+  const out = [];
+  const walk = (item, clip) => {
+    if (!item.visible || item.opacity === 0) return;
+    if (item.className === 'Group' || item.className === 'Layer') {
+      let mask = clip;
+      const kids = item.children.slice();
+      if (item.clipped && kids.length && isPath(kids[0])) {
+        const m = kids[0].clone({ insert: false });
+        m.transform(kids[0].parent.globalMatrix);
+        mask = clip ? clip.intersect(m, { insert: false }) : m;
+        kids.shift();
+      }
+      kids.forEach(k => walk(k, mask));
+      return;
+    }
+    if (!isPath(item) || item.clipMask) return;
+    const base = item.clone({ insert: false });
+    base.transform(item.parent.globalMatrix);
+    const add = (p, color) => {
+      p.fillColor = color; p.strokeColor = null;
+      if (clip) { const f = p.fillColor; p = p.intersect(clip, { insert: false }); p.fillColor = f; }
+      if (!p.isEmpty() && Math.abs(p.area) > 0.01) out.push({ path: p, color, raw: color, src: item });
+    };
+    const fill = item.fillColor;
+    if (fill && fill.alpha !== 0) add(base.clone({ insert: false }), fill);
+    if (item.strokeColor && item.strokeWidth > 0 && item.strokeColor.alpha !== 0) {
+      const w = item.strokeWidth * Math.sqrt(Math.abs(item.parent.globalMatrix.scaling.x * item.parent.globalMatrix.scaling.y));
+      const s = PaperOffset.offsetStroke(base, w / 2, { cap: item.strokeCap || 'butt', join: item.strokeJoin || 'miter', insert: false });
+      add(s, item.strokeColor);
+    }
+  };
+  walk(root, null);
+  return out;
+}
+
+const isWhite = c => { const k = colorOf(c); return k && k.red > 0.94 && k.green > 0.94 && k.blue > 0.94; };
+const hex = c => colorOf(c).toCSS(true);
+
+function unionAll(paths) {
+  let r = null;
+  for (const p of paths) r = r ? r.unite(p, { insert: false }) : p.clone({ insert: false });
+  return r;
+}
+
+// Matrix that fits `bounds` into the 128x128 box, centred, largest side = 128.
+function fitMatrix(b) {
+  const s = 128 / Math.max(b.width, b.height);
+  return new paper.Matrix().translate(64, 64).scale(s).translate(-b.center.x, -b.center.y);
+}
+
+// opts: select(leaf, i) -> keep?, cutout(leaf, i) -> is a hole?, gap (in 128 units), color
+function plainPath(ls, opts = {}) {
+  let res = null, below = [];
+  ls.forEach((l, i) => {
+    const hole = opts.cutout ? opts.cutout(l, i) : isWhite(l.color);
+    if (hole) { if (res) res = res.subtract(l.path, { insert: false }); return; }
+    if (res && opts.gap) {
+      // keep a gap where this shape covers a shape of another colour
+      const differs = below.some(b => hex(b.color) !== hex(l.color) && b.path.intersects(l.path) || b.path.bounds.intersects(l.path.bounds) && hex(b.color) !== hex(l.color));
+      if (differs) {
+        const grown = PaperOffset.offset(l.path, opts.gap, { join: 'round', insert: false });
+        res = res.subtract(grown, { insert: false });
+      }
+    }
+    res = res ? res.unite(l.path, { insert: false }) : l.path.clone({ insert: false });
+    below.push(l);
+  });
+  // cutting gaps at an angle leaves thin slivers and sharp spikes; shrink then
+  // grow back with round joins to remove them (corners get a ~1 unit radius)
+  if (opts.gap) {
+    const inner = PaperOffset.offset(res, -1, { join: 'round', insert: false });
+    res = PaperOffset.offset(inner, 1, { join: 'round', insert: false });
+  }
+  return res;
+}
+
+function prominent(ls) {
+  const area = {};
+  for (const l of ls) if (!isWhite(l.color)) { const h = hex(l.color); area[h] = (area[h] || 0) + Math.abs(l.path.area); }
+  return Object.entries(area).sort((a, b) => b[1] - a[1])[0][0];
+}
+
+// Split a (compound) path into islands: each outer contour with the holes inside it.
+function islands(p) {
+  // winding in source files is unreliable: reorient from the actual nesting
+  // (outer contours clockwise, holes counter-clockwise) before splitting
+  p = p.clone({ insert: false });
+  p.reorient(true, true);
+  const kids = p instanceof paper.CompoundPath ? p.children.map(c => c.clone({ insert: false })) : [p.clone({ insert: false })];
+  const outers = kids.filter(k => k.clockwise);
+  const holes = kids.filter(k => !k.clockwise);
+  return outers.map(o => {
+    const mine = holes.filter(h => o.contains(h.interiorPoint));
+    return mine.length ? new paper.CompoundPath({ children: [o, ...mine], insert: false }) : o;
+  });
+}
+
+// Outline of a plain shape, `width` wide, inside the shape. Parts too thin to
+// have an inside (thin bars, small dots) stay solid instead of disappearing.
+function linePath(plain, width) {
+  let out = null;
+  for (const isl of islands(plain)) {
+    const inner = PaperOffset.offset(isl, -width, { join: 'miter', insert: false });
+    const thin = !inner || inner.isEmpty() || Math.abs(inner.area) < width * width || !isl.bounds.contains(inner.bounds);
+    const part = thin ? isl : isl.subtract(inner, { insert: false });
+    out = out ? out.unite(part, { insert: false }) : part;
+  }
+  return out || plain;
+}
+
+const svgDoc = body => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128">${body}</svg>`;
+function pathSvg(p, color) {
+  p = p.clone({ insert: false });
+  p.reorient(true, true);
+  const d = p.pathData;
+  return svgDoc(`<path fill="${color}" d="${d}"/>`);
+}
+
+// paper.js wraps exports in one <g> holding inherited attributes (fill-rule,
+// fill="none", font-*="none"). Move them onto the children and drop the group:
+// reviewers ask for ungrouped paths, and SVGO only collapses attribute-free groups.
+function ungroup(svg) {
+  // exports with gradients come as <svg><svg><defs/><g>...</g></svg></svg>
+  svg = svg.trim().replace(/^(<svg\b[^>]*>)<svg>([\s\S]*)<\/svg><\/svg>$/, '$1$2</svg>')
+    .replace(/\sfill-rule="none"/g, ''); // not a valid value
+  const m = svg.match(/^(<svg\b[^>]*>(?:<defs>[\s\S]*?<\/defs>)?)<g\b([^>]*)>([\s\S]*)<\/g><\/svg>$/);
+  if (!m || /<g\b/.test(m[3])) return svg;
+  const attrs = [...m[2].matchAll(/\s([\w:-]+)="([^"]*)"/g)];
+  const body = m[3].replace(/<(\w+)\b((?:[^>"]|"[^"]*")*?)(\/?)>/g, (t, tag, a, close) => {
+    for (const [, k, v] of attrs) if (!new RegExp(`\\s${k}="`).test(a)) a += ` ${k}="${v}"`;
+    return `<${tag}${a}${close}>`;
+  });
+  return `${m[1]}${body}</svg>`;
+}
+
+// SVGO (as the wiki asks), keeping ids readable for the file-name prefix
+function optimize(svg) {
+  // paper.js export leftovers that SVGO keeps: no-op styles and zero-width strokes
+  svg = svg.replace(/\sstyle="mix-blend-mode:\s*normal;?"/g, '')
+    .replace(/\s(font-family|font-size|font-weight|text-anchor)="none"/g, '')
+    .replace(/\s(stroke-width="0"|stroke-miterlimit="[^"]*"|stroke="none"|fill-rule="nonzero"|stroke-dasharray="none")/g, '');
+  svg = ungroup(svg);
+  return require('svgo').optimize(svg, { multipass: true, floatPrecision: 2,
+    plugins: [{ name: 'preset-default', params: { overrides: { cleanupIds: { minify: true } } } }] }).data;
+}
+
+// Prefix ids with the file name (same rule as the check-bot/build)
+function prefixIds(svg, prefix) {
+  const ids = [...new Set([...svg.matchAll(/\sid="([^"]+)"/g)].map(m => m[1]))].filter(i => !i.startsWith(prefix + '-'));
+  for (const id of ids) {
+    const to = `${prefix}-${id}`;
+    svg = svg.split(` id="${id}"`).join(` id="${to}"`)
+      .split(`url(#${id})`).join(`url(#${to})`)
+      .split(`href="#${id}"`).join(`href="#${to}"`);
+  }
+  return svg;
+}
+
+// opts.select(leaf, i): which shapes belong to this version (for lockups that
+// hold both the logo and the wordmark). Returns { original, plain, line, color }.
+function build(svg, opts = {}) {
+  const ls = leaves(svg).filter((l, i) => !opts.select || opts.select(l, i));
+  if (opts.recolor) ls.forEach((l, i) => { const c = opts.recolor(l, i); if (c) l.path.fillColor = l.color = new paper.Color(c); });
+  const m0 = fitMatrix(unionAll(ls.map(l => l.path)).bounds);
+  const ls128 = ls.map(l => { const p = l.path.clone({ insert: false }); p.transform(m0); return { ...l, path: p }; });
+  const color = opts.color || prominent(ls128);
+  const res = { color, count: ls.length };
+
+  // original: every shape with its own fill (gradients included)
+  paper.project.clear();
+  const g = new paper.Group(ls128.map(l => l.path.clone()));
+  res.original = optimize(svgDoc(g.exportSVG({ asString: true, precision: 3 }).replace(/ xmlns="[^"]*"/g, '')));
+
+  // plain: one path, one colour; line: inner outline of plain
+  let plain = plainPath(ls128, opts);
+  plain.transform(fitMatrix(plain.bounds));
+  res.plain = optimize(pathSvg(plain, color));
+  if (opts.line !== false) res.line = optimize(pathSvg(linePath(plain, opts.lineWidth || 4), color));
+  return res;
+}
+
+module.exports = { paper, leaves, build, plainPath, linePath, pathSvg, optimize, ungroup, prefixIds, fitMatrix, unionAll, isWhite, hex, svgDoc };
diff --git a/.claude/skills/svg-icons/scripts/inspect.js b/.claude/skills/svg-icons/scripts/inspect.js
new file mode 100644
index 000000000..b99b5b13d
--- /dev/null
+++ b/.claude/skills/svg-icons/scripts/inspect.js
@@ -0,0 +1,23 @@
+// Describes an SVG: root attributes, element counts, ids, strokes/gradients,
+// and every visible shape in paint order (index, colour, bounds). The shape
+// indexes are what versions.js --logo/--text take.
+//   node inspect.js <file.svg>...
+const fs = require('fs');
+const B = require('./build');
+
+for (const f of process.argv.slice(2)) {
+  const src = fs.readFileSync(f, 'utf8');
+  const root = (src.match(/<svg\b[^>]*>/) || [''])[0];
+  const count = re => (src.match(re) || []).length;
+  console.log(`== ${f}`);
+  console.log(`  root: ${root.slice(0, 200)}`);
+  console.log(`  bytes=${src.length} paths=${count(/<path\b/g)} groups=${count(/<g\b/g)} gradients=${count(/<(linear|radial)Gradient\b/g)} clip/mask=${count(/<(clipPath|mask)\b/g)} strokes=${count(/(^|[\s;"])stroke\s*[=:]\s*"?(?!none|transparent)[#a-z]/gi)} transforms=${count(/transform=/g)} <style>=${count(/<style\b/g)} <image>=${count(/<image\b/g)} <text>=${count(/<text\b/g)}`);
+  const ids = [...src.matchAll(/\sid="([^"]+)"/g)].map(m => m[1]);
+  if (ids.length) console.log(`  ids: ${ids.slice(0, 20).join(', ')}${ids.length > 20 ? ` (+${ids.length - 20})` : ''}`);
+  const ls = B.leaves(src);
+  console.log(`  ${ls.length} visible shapes (paint order):`);
+  ls.forEach((l, i) => {
+    const r = l.path.bounds;
+    console.log(`    ${i} ${l.color.gradient ? 'gradient~' : ''}${B.hex(l.color)} x=${r.x.toFixed(1)} y=${r.y.toFixed(1)} w=${r.width.toFixed(1)} h=${r.height.toFixed(1)} area=${Math.abs(l.path.area).toFixed(0)}`);
+  });
+}
diff --git a/.claude/skills/svg-icons/scripts/optimize.js b/.claude/skills/svg-icons/scripts/optimize.js
new file mode 100644
index 000000000..31dd5fc12
--- /dev/null
+++ b/.claude/skills/svg-icons/scripts/optimize.js
@@ -0,0 +1,18 @@
+// Optimizes SVGs with SVGO (multipass, 2-decimal precision), prefixes ids with
+// the file name ("name-version-a") and ends the file with a newline.
+//   node optimize.js <file.svg>... [--out dir]   (in place without --out)
+const fs = require('fs'), path = require('path');
+const B = require('./build');
+
+const args = process.argv.slice(2);
+const i = args.indexOf('--out');
+const outDir = i >= 0 ? args.splice(i, 2)[1] : null;
+for (const f of args) {
+  const before = fs.readFileSync(f, 'utf8');
+  const stem = path.basename(f, '.svg');
+  const after = B.prefixIds(B.optimize(before), stem).trim() + '\n';
+  const o = outDir ? path.join(outDir, path.basename(f)) : f;
+  if (outDir) fs.mkdirSync(outDir, { recursive: true });
+  fs.writeFileSync(o, after);
+  console.log(`${o}: ${before.length} -> ${after.length} bytes`);
+}
diff --git a/.claude/skills/svg-icons/scripts/package-lock.json b/.claude/skills/svg-icons/scripts/package-lock.json
new file mode 100644
index 000000000..185a06685
--- /dev/null
+++ b/.claude/skills/svg-icons/scripts/package-lock.json
@@ -0,0 +1,2385 @@
+{
+  "name": "svg-icons-scripts",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "svg-icons-scripts",
+      "dependencies": {
+        "@resvg/resvg-js": "2.6.2",
+        "jimp": "0.16.13",
+        "jsdom": "24.1.3",
+        "paper": "0.12.18",
+        "paperjs-offset": "1.0.8",
+        "potrace": "2.1.8",
+        "svgo": "3.3.2",
+        "svgpath": "2.6.0"
+      }
+    },
+    "node_modules/@asamuzakjp/css-color": {
+      "version": "3.2.0",
+      "license": "MIT",
+      "dependencies": {
+        "@csstools/css-calc": "^2.1.3",
+        "@csstools/css-color-parser": "^3.0.9",
+        "@csstools/css-parser-algorithms": "^3.0.4",
+        "@csstools/css-tokenizer": "^3.0.3",
+        "lru-cache": "^10.4.3"
+      }
+    },
+    "node_modules/@babel/runtime": {
+      "version": "7.29.10",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@csstools/color-helpers": {
+      "version": "5.1.0",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT-0",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@csstools/css-calc": {
+      "version": "2.1.4",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@csstools/css-parser-algorithms": "^3.0.5",
+        "@csstools/css-tokenizer": "^3.0.4"
+      }
+    },
+    "node_modules/@csstools/css-color-parser": {
+      "version": "3.1.0",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@csstools/color-helpers": "^5.1.0",
+        "@csstools/css-calc": "^2.1.4"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@csstools/css-parser-algorithms": "^3.0.5",
+        "@csstools/css-tokenizer": "^3.0.4"
+      }
+    },
+    "node_modules/@csstools/css-parser-algorithms": {
+      "version": "3.0.5",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@csstools/css-tokenizer": "^3.0.4"
+      }
+    },
+    "node_modules/@csstools/css-tokenizer": {
+      "version": "3.0.4",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@jimp/bmp": {
+      "version": "0.16.13",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.16.13",
+        "bmp-js": "^0.1.0"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5"
+      }
+    },
+    "node_modules/@jimp/core": {
+      "version": "0.16.13",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.16.13",
+        "any-base": "^1.1.0",
+        "buffer": "^5.2.0",
+        "exif-parser": "^0.1.12",
+        "file-type": "^16.5.4",
+        "load-bmfont": "^1.3.1",
+        "mkdirp": "^0.5.1",
+        "phin": "^2.9.1",
+        "pixelmatch": "^4.0.2",
+        "tinycolor2": "^1.4.1"
+      }
+    },
+    "node_modules/@jimp/custom": {
+      "version": "0.16.13",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/core": "^0.16.13"
+      }
+    },
+    "node_modules/@jimp/gif": {
+      "version": "0.16.13",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.16.13",
+        "gifwrap": "^0.9.2",
+        "omggif": "^1.0.9"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5"
+      }
+    },
+    "node_modules/@jimp/jpeg": {
+      "version": "0.16.13",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.16.13",
+        "jpeg-js": "^0.4.2"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5"
+      }
+    },
+    "node_modules/@jimp/plugin-blit": {
+      "version": "0.16.13",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.16.13"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5"
+      }
+    },
+    "node_modules/@jimp/plugin-blur": {
+      "version": "0.16.13",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.16.13"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5"
+      }
+    },
+    "node_modules/@jimp/plugin-circle": {
+      "version": "0.16.13",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.16.13"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5"
+      }
+    },
+    "node_modules/@jimp/plugin-color": {
+      "version": "0.16.13",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.16.13",
+        "tinycolor2": "^1.4.1"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5"
+      }
+    },
+    "node_modules/@jimp/plugin-contain": {
+      "version": "0.16.13",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.16.13"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5",
+        "@jimp/plugin-blit": ">=0.3.5",
+        "@jimp/plugin-resize": ">=0.3.5",
+        "@jimp/plugin-scale": ">=0.3.5"
+      }
+    },
+    "node_modules/@jimp/plugin-cover": {
+      "version": "0.16.13",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.16.13"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5",
+        "@jimp/plugin-crop": ">=0.3.5",
+        "@jimp/plugin-resize": ">=0.3.5",
+        "@jimp/plugin-scale": ">=0.3.5"
+      }
+    },
+    "node_modules/@jimp/plugin-crop": {
+      "version": "0.16.13",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.16.13"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5"
+      }
+    },
+    "node_modules/@jimp/plugin-displace": {
+      "version": "0.16.13",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.16.13"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5"
+      }
+    },
+    "node_modules/@jimp/plugin-dither": {
+      "version": "0.16.13",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.16.13"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5"
+      }
+    },
+    "node_modules/@jimp/plugin-fisheye": {
+      "version": "0.16.13",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.16.13"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5"
+      }
+    },
+    "node_modules/@jimp/plugin-flip": {
+      "version": "0.16.13",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.16.13"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5",
+        "@jimp/plugin-rotate": ">=0.3.5"
+      }
+    },
+    "node_modules/@jimp/plugin-gaussian": {
+      "version": "0.16.13",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.16.13"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5"
+      }
+    },
+    "node_modules/@jimp/plugin-invert": {
+      "version": "0.16.13",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.16.13"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5"
+      }
+    },
+    "node_modules/@jimp/plugin-mask": {
+      "version": "0.16.13",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.16.13"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5"
+      }
+    },
+    "node_modules/@jimp/plugin-normalize": {
+      "version": "0.16.13",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.16.13"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5"
+      }
+    },
+    "node_modules/@jimp/plugin-print": {
+      "version": "0.16.13",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.16.13",
+        "load-bmfont": "^1.4.0"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5",
+        "@jimp/plugin-blit": ">=0.3.5"
+      }
+    },
+    "node_modules/@jimp/plugin-resize": {
+      "version": "0.16.13",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.16.13"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5"
+      }
+    },
+    "node_modules/@jimp/plugin-rotate": {
+      "version": "0.16.13",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.16.13"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5",
+        "@jimp/plugin-blit": ">=0.3.5",
+        "@jimp/plugin-crop": ">=0.3.5",
+        "@jimp/plugin-resize": ">=0.3.5"
+      }
+    },
+    "node_modules/@jimp/plugin-scale": {
+      "version": "0.16.13",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.16.13"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5",
+        "@jimp/plugin-resize": ">=0.3.5"
+      }
+    },
+    "node_modules/@jimp/plugin-shadow": {
+      "version": "0.16.13",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.16.13"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5",
+        "@jimp/plugin-blur": ">=0.3.5",
+        "@jimp/plugin-resize": ">=0.3.5"
+      }
+    },
+    "node_modules/@jimp/plugin-threshold": {
+      "version": "0.16.13",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.16.13"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5",
+        "@jimp/plugin-color": ">=0.8.0",
+        "@jimp/plugin-resize": ">=0.8.0"
+      }
+    },
+    "node_modules/@jimp/plugins": {
+      "version": "0.16.13",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/plugin-blit": "^0.16.13",
+        "@jimp/plugin-blur": "^0.16.13",
+        "@jimp/plugin-circle": "^0.16.13",
+        "@jimp/plugin-color": "^0.16.13",
+        "@jimp/plugin-contain": "^0.16.13",
+        "@jimp/plugin-cover": "^0.16.13",
+        "@jimp/plugin-crop": "^0.16.13",
+        "@jimp/plugin-displace": "^0.16.13",
+        "@jimp/plugin-dither": "^0.16.13",
+        "@jimp/plugin-fisheye": "^0.16.13",
+        "@jimp/plugin-flip": "^0.16.13",
+        "@jimp/plugin-gaussian": "^0.16.13",
+        "@jimp/plugin-invert": "^0.16.13",
+        "@jimp/plugin-mask": "^0.16.13",
+        "@jimp/plugin-normalize": "^0.16.13",
+        "@jimp/plugin-print": "^0.16.13",
+        "@jimp/plugin-resize": "^0.16.13",
+        "@jimp/plugin-rotate": "^0.16.13",
+        "@jimp/plugin-scale": "^0.16.13",
+        "@jimp/plugin-shadow": "^0.16.13",
+        "@jimp/plugin-threshold": "^0.16.13",
+        "timm": "^1.6.1"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5"
+      }
+    },
+    "node_modules/@jimp/png": {
+      "version": "0.16.13",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.16.13",
+        "pngjs": "^3.3.3"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5"
+      }
+    },
+    "node_modules/@jimp/tiff": {
+      "version": "0.16.13",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "utif": "^2.0.1"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5"
+      }
+    },
+    "node_modules/@jimp/types": {
+      "version": "0.16.13",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/bmp": "^0.16.13",
+        "@jimp/gif": "^0.16.13",
+        "@jimp/jpeg": "^0.16.13",
+        "@jimp/png": "^0.16.13",
+        "@jimp/tiff": "^0.16.13",
+        "timm": "^1.6.1"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5"
+      }
+    },
+    "node_modules/@jimp/utils": {
+      "version": "0.16.13",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "regenerator-runtime": "^0.13.3"
+      }
+    },
+    "node_modules/@resvg/resvg-js": {
+      "version": "2.6.2",
+      "license": "MPL-2.0",
+      "engines": {
+        "node": ">= 10"
+      },
+      "optionalDependencies": {
+        "@resvg/resvg-js-android-arm-eabi": "2.6.2",
+        "@resvg/resvg-js-android-arm64": "2.6.2",
+        "@resvg/resvg-js-darwin-arm64": "2.6.2",
+        "@resvg/resvg-js-darwin-x64": "2.6.2",
+        "@resvg/resvg-js-linux-arm-gnueabihf": "2.6.2",
+        "@resvg/resvg-js-linux-arm64-gnu": "2.6.2",
+        "@resvg/resvg-js-linux-arm64-musl": "2.6.2",
+        "@resvg/resvg-js-linux-x64-gnu": "2.6.2",
+        "@resvg/resvg-js-linux-x64-musl": "2.6.2",
+        "@resvg/resvg-js-win32-arm64-msvc": "2.6.2",
+        "@resvg/resvg-js-win32-ia32-msvc": "2.6.2",
+        "@resvg/resvg-js-win32-x64-msvc": "2.6.2"
+      }
+    },
+    "node_modules/@resvg/resvg-js-win32-x64-msvc": {
+      "version": "2.6.2",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@resvg/resvg-js/node_modules/@resvg/resvg-js-android-arm-eabi": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/@resvg/resvg-js-android-arm-eabi/-/resvg-js-android-arm-eabi-2.6.2.tgz",
+      "integrity": "sha512-FrJibrAk6v29eabIPgcTUMPXiEz8ssrAk7TXxsiZzww9UTQ1Z5KAbFJs+Z0Ez+VZTYgnE5IQJqBcoSiMebtPHA==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@resvg/resvg-js/node_modules/@resvg/resvg-js-android-arm64": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/@resvg/resvg-js-android-arm64/-/resvg-js-android-arm64-2.6.2.tgz",
+      "integrity": "sha512-VcOKezEhm2VqzXpcIJoITuvUS/fcjIw5NA/w3tjzWyzmvoCdd+QXIqy3FBGulWdClvp4g+IfUemigrkLThSjAQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@resvg/resvg-js/node_modules/@resvg/resvg-js-darwin-arm64": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/@resvg/resvg-js-darwin-arm64/-/resvg-js-darwin-arm64-2.6.2.tgz",
+      "integrity": "sha512-nmok2LnAd6nLUKI16aEB9ydMC6Lidiiq2m1nEBDR1LaaP7FGs4AJ90qDraxX+CWlVuRlvNjyYJTNv8qFjtL9+A==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@resvg/resvg-js/node_modules/@resvg/resvg-js-darwin-x64": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/@resvg/resvg-js-darwin-x64/-/resvg-js-darwin-x64-2.6.2.tgz",
+      "integrity": "sha512-GInyZLjgWDfsVT6+SHxQVRwNzV0AuA1uqGsOAW+0th56J7Nh6bHHKXHBWzUrihxMetcFDmQMAX1tZ1fZDYSRsw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@resvg/resvg-js/node_modules/@resvg/resvg-js-linux-arm-gnueabihf": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/@resvg/resvg-js-linux-arm-gnueabihf/-/resvg-js-linux-arm-gnueabihf-2.6.2.tgz",
+      "integrity": "sha512-YIV3u/R9zJbpqTTNwTZM5/ocWetDKGsro0SWp70eGEM9eV2MerWyBRZnQIgzU3YBnSBQ1RcxRZvY/UxwESfZIw==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@resvg/resvg-js/node_modules/@resvg/resvg-js-linux-arm64-gnu": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/@resvg/resvg-js-linux-arm64-gnu/-/resvg-js-linux-arm64-gnu-2.6.2.tgz",
+      "integrity": "sha512-zc2BlJSim7YR4FZDQ8OUoJg5holYzdiYMeobb9pJuGDidGL9KZUv7SbiD4E8oZogtYY42UZEap7dqkkYuA91pg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@resvg/resvg-js/node_modules/@resvg/resvg-js-linux-arm64-musl": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/@resvg/resvg-js-linux-arm64-musl/-/resvg-js-linux-arm64-musl-2.6.2.tgz",
+      "integrity": "sha512-3h3dLPWNgSsD4lQBJPb4f+kvdOSJHa5PjTYVsWHxLUzH4IFTJUAnmuWpw4KqyQ3NA5QCyhw4TWgxk3jRkQxEKg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@resvg/resvg-js/node_modules/@resvg/resvg-js-linux-x64-gnu": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/@resvg/resvg-js-linux-x64-gnu/-/resvg-js-linux-x64-gnu-2.6.2.tgz",
+      "integrity": "sha512-IVUe+ckIerA7xMZ50duAZzwf1U7khQe2E0QpUxu5MBJNao5RqC0zwV/Zm965vw6D3gGFUl7j4m+oJjubBVoftw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@resvg/resvg-js/node_modules/@resvg/resvg-js-linux-x64-musl": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/@resvg/resvg-js-linux-x64-musl/-/resvg-js-linux-x64-musl-2.6.2.tgz",
+      "integrity": "sha512-UOf83vqTzoYQO9SZ0fPl2ZIFtNIz/Rr/y+7X8XRX1ZnBYsQ/tTb+cj9TE+KHOdmlTFBxhYzVkP2lRByCzqi4jQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@resvg/resvg-js/node_modules/@resvg/resvg-js-win32-arm64-msvc": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/@resvg/resvg-js-win32-arm64-msvc/-/resvg-js-win32-arm64-msvc-2.6.2.tgz",
+      "integrity": "sha512-7C/RSgCa+7vqZ7qAbItfiaAWhyRSoD4l4BQAbVDqRRsRgY+S+hgS3in0Rxr7IorKUpGE69X48q6/nOAuTJQxeQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@resvg/resvg-js/node_modules/@resvg/resvg-js-win32-ia32-msvc": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/@resvg/resvg-js-win32-ia32-msvc/-/resvg-js-win32-ia32-msvc-2.6.2.tgz",
+      "integrity": "sha512-har4aPAlvjnLcil40AC77YDIk6loMawuJwFINEM7n0pZviwMkMvjb2W5ZirsNOZY4aDbo5tLx0wNMREp5Brk+w==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tokenizer/token": {
+      "version": "0.3.0",
+      "license": "MIT"
+    },
+    "node_modules/@trysound/sax": {
+      "version": "0.2.0",
+      "license": "ISC",
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/@types/node": {
+      "version": "16.9.1",
+      "license": "MIT"
+    },
+    "node_modules/abort-controller": {
+      "version": "3.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "event-target-shim": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=6.5"
+      }
+    },
+    "node_modules/agent-base": {
+      "version": "7.1.4",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/any-base": {
+      "version": "1.1.0",
+      "license": "MIT"
+    },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "license": "MIT"
+    },
+    "node_modules/base64-js": {
+      "version": "1.5.1",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/bmp-js": {
+      "version": "0.1.0",
+      "license": "MIT"
+    },
+    "node_modules/boolbase": {
+      "version": "1.0.0",
+      "license": "ISC"
+    },
+    "node_modules/buffer": {
+      "version": "5.7.1",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.1.13"
+      }
+    },
+    "node_modules/buffer-equal": {
+      "version": "0.0.1",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/centra": {
+      "version": "2.7.0",
+      "license": "MIT",
+      "dependencies": {
+        "follow-redirects": "^1.15.6"
+      }
+    },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "license": "MIT",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/commander": {
+      "version": "7.2.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/css-select": {
+      "version": "5.2.2",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "boolbase": "^1.0.0",
+        "css-what": "^6.1.0",
+        "domhandler": "^5.0.2",
+        "domutils": "^3.0.1",
+        "nth-check": "^2.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/css-tree": {
+      "version": "2.3.1",
+      "license": "MIT",
+      "dependencies": {
+        "mdn-data": "2.0.30",
+        "source-map-js": "^1.0.1"
+      },
+      "engines": {
+        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0"
+      }
+    },
+    "node_modules/css-what": {
+      "version": "6.2.2",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">= 6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/csso": {
+      "version": "5.0.5",
+      "license": "MIT",
+      "dependencies": {
+        "css-tree": "~2.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0",
+        "npm": ">=7.0.0"
+      }
+    },
+    "node_modules/csso/node_modules/css-tree": {
+      "version": "2.2.1",
+      "license": "MIT",
+      "dependencies": {
+        "mdn-data": "2.0.28",
+        "source-map-js": "^1.0.1"
+      },
+      "engines": {
+        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0",
+        "npm": ">=7.0.0"
+      }
+    },
+    "node_modules/csso/node_modules/mdn-data": {
+      "version": "2.0.28",
+      "license": "CC0-1.0"
+    },
+    "node_modules/cssstyle": {
+      "version": "4.6.0",
+      "license": "MIT",
+      "dependencies": {
+        "@asamuzakjp/css-color": "^3.2.0",
+        "rrweb-cssom": "^0.8.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/cssstyle/node_modules/rrweb-cssom": {
+      "version": "0.8.0",
+      "license": "MIT"
+    },
+    "node_modules/data-urls": {
+      "version": "5.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "whatwg-mimetype": "^4.0.0",
+        "whatwg-url": "^14.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/debug": {
+      "version": "4.4.3",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/decimal.js": {
+      "version": "10.6.0",
+      "license": "MIT"
+    },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/dom-serializer": {
+      "version": "2.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.2",
+        "entities": "^4.2.0"
+      },
+      "funding": {
+        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
+      }
+    },
+    "node_modules/dom-serializer/node_modules/entities": {
+      "version": "4.5.0",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/dom-walk": {
+      "version": "0.1.2"
+    },
+    "node_modules/domelementtype": {
+      "version": "2.3.0",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ],
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/domhandler": {
+      "version": "5.0.3",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "domelementtype": "^2.3.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domhandler?sponsor=1"
+      }
+    },
+    "node_modules/domutils": {
+      "version": "3.2.2",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "dom-serializer": "^2.0.0",
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domutils?sponsor=1"
+      }
+    },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/entities": {
+      "version": "6.0.1",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.2",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.1.0",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/event-target-shim": {
+      "version": "5.0.1",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/events": {
+      "version": "3.3.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.x"
+      }
+    },
+    "node_modules/exif-parser": {
+      "version": "0.1.12"
+    },
+    "node_modules/file-type": {
+      "version": "16.5.4",
+      "license": "MIT",
+      "dependencies": {
+        "readable-web-to-node-stream": "^3.0.0",
+        "strtok3": "^6.2.4",
+        "token-types": "^4.1.1"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/file-type?sponsor=1"
+      }
+    },
+    "node_modules/follow-redirects": {
+      "version": "1.16.2",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/form-data": {
+      "version": "4.0.6",
+      "license": "MIT",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "es-set-tostringtag": "^2.1.0",
+        "hasown": "^2.0.4",
+        "mime-types": "^2.1.35"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/gifwrap": {
+      "version": "0.9.4",
+      "license": "MIT",
+      "dependencies": {
+        "image-q": "^4.0.0",
+        "omggif": "^1.0.10"
+      }
+    },
+    "node_modules/global": {
+      "version": "4.4.0",
+      "license": "MIT",
+      "dependencies": {
+        "min-document": "^2.19.0",
+        "process": "^0.11.10"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "license": "MIT",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.4",
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/html-encoding-sniffer": {
+      "version": "4.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "whatwg-encoding": "^3.1.1"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/http-proxy-agent": {
+      "version": "7.0.2",
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.1.0",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/https-proxy-agent": {
+      "version": "7.0.6",
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.1.2",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/iconv-lite": {
+      "version": "0.6.3",
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ieee754": {
+      "version": "1.2.1",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/image-q": {
+      "version": "4.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "16.9.1"
+      }
+    },
+    "node_modules/is-function": {
+      "version": "1.0.2",
+      "license": "MIT"
+    },
+    "node_modules/is-potential-custom-element-name": {
+      "version": "1.0.1",
+      "license": "MIT"
+    },
+    "node_modules/jimp": {
+      "version": "0.16.13",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/custom": "^0.16.13",
+        "@jimp/plugins": "^0.16.13",
+        "@jimp/types": "^0.16.13",
+        "regenerator-runtime": "^0.13.3"
+      }
+    },
+    "node_modules/jpeg-js": {
+      "version": "0.4.4",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/jsdom": {
+      "version": "24.1.3",
+      "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-24.1.3.tgz",
+      "integrity": "sha512-MyL55p3Ut3cXbeBEG7Hcv0mVM8pp8PBNWxRqchZnSfAiES1v1mRnMeFfaHWIPULpwsYfvO+ZmMZz5tGCnjzDUQ==",
+      "license": "MIT",
+      "dependencies": {
+        "cssstyle": "^4.0.1",
+        "data-urls": "^5.0.0",
+        "decimal.js": "^10.4.3",
+        "form-data": "^4.0.0",
+        "html-encoding-sniffer": "^4.0.0",
+        "http-proxy-agent": "^7.0.2",
+        "https-proxy-agent": "^7.0.5",
+        "is-potential-custom-element-name": "^1.0.1",
+        "nwsapi": "^2.2.12",
+        "parse5": "^7.1.2",
+        "rrweb-cssom": "^0.7.1",
+        "saxes": "^6.0.0",
+        "symbol-tree": "^3.2.4",
+        "tough-cookie": "^4.1.4",
+        "w3c-xmlserializer": "^5.0.0",
+        "webidl-conversions": "^7.0.0",
+        "whatwg-encoding": "^3.1.1",
+        "whatwg-mimetype": "^4.0.0",
+        "whatwg-url": "^14.0.0",
+        "ws": "^8.18.0",
+        "xml-name-validator": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "canvas": "^2.11.2"
+      },
+      "peerDependenciesMeta": {
+        "canvas": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/load-bmfont": {
+      "version": "1.4.2",
+      "license": "MIT",
+      "dependencies": {
+        "buffer-equal": "0.0.1",
+        "mime": "^1.3.4",
+        "parse-bmfont-ascii": "^1.0.3",
+        "parse-bmfont-binary": "^1.0.5",
+        "parse-bmfont-xml": "^1.1.4",
+        "phin": "^3.7.1",
+        "xhr": "^2.0.1",
+        "xtend": "^4.0.0"
+      }
+    },
+    "node_modules/load-bmfont/node_modules/phin": {
+      "version": "3.7.1",
+      "license": "MIT",
+      "dependencies": {
+        "centra": "^2.7.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/lru-cache": {
+      "version": "10.4.3",
+      "license": "ISC"
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/mdn-data": {
+      "version": "2.0.30",
+      "license": "CC0-1.0"
+    },
+    "node_modules/mime": {
+      "version": "1.6.0",
+      "license": "MIT",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/min-document": {
+      "version": "2.19.2",
+      "license": "MIT",
+      "dependencies": {
+        "dom-walk": "^0.1.0"
+      }
+    },
+    "node_modules/minimist": {
+      "version": "1.2.8",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/mkdirp": {
+      "version": "0.5.6",
+      "license": "MIT",
+      "dependencies": {
+        "minimist": "^1.2.6"
+      },
+      "bin": {
+        "mkdirp": "bin/cmd.js"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "license": "MIT"
+    },
+    "node_modules/nth-check": {
+      "version": "2.1.1",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "boolbase": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/nth-check?sponsor=1"
+      }
+    },
+    "node_modules/nwsapi": {
+      "version": "2.2.28",
+      "license": "MIT"
+    },
+    "node_modules/omggif": {
+      "version": "1.0.10",
+      "license": "MIT"
+    },
+    "node_modules/pako": {
+      "version": "1.0.11",
+      "license": "(MIT AND Zlib)"
+    },
+    "node_modules/paper": {
+      "version": "0.12.18",
+      "resolved": "https://registry.npmjs.org/paper/-/paper-0.12.18.tgz",
+      "integrity": "sha512-ZSLIEejQTJZuYHhSSqAf4jXOnii0kPhCJGAnYAANtdS72aNwXJ9cP95tZHgq1tnNpvEwgQhggy+4OarviqTCGw==",
+      "license": "MIT",
+      "workspaces": [
+        "packages/*"
+      ],
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/paperjs-offset": {
+      "version": "1.0.8",
+      "license": "MIT",
+      "dependencies": {
+        "paper": "^0.12.4"
+      }
+    },
+    "node_modules/parse-bmfont-ascii": {
+      "version": "1.0.6",
+      "license": "MIT"
+    },
+    "node_modules/parse-bmfont-binary": {
+      "version": "1.0.6",
+      "license": "MIT"
+    },
+    "node_modules/parse-bmfont-xml": {
+      "version": "1.1.6",
+      "license": "MIT",
+      "dependencies": {
+        "xml-parse-from-string": "^1.0.0",
+        "xml2js": "^0.5.0"
+      }
+    },
+    "node_modules/parse-headers": {
+      "version": "2.0.6",
+      "license": "MIT"
+    },
+    "node_modules/parse5": {
+      "version": "7.3.0",
+      "license": "MIT",
+      "dependencies": {
+        "entities": "^6.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/inikulin/parse5?sponsor=1"
+      }
+    },
+    "node_modules/peek-readable": {
+      "version": "4.1.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/Borewit"
+      }
+    },
+    "node_modules/phin": {
+      "version": "2.9.3",
+      "license": "MIT"
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "license": "ISC"
+    },
+    "node_modules/pixelmatch": {
+      "version": "4.0.2",
+      "license": "ISC",
+      "dependencies": {
+        "pngjs": "^3.0.0"
+      },
+      "bin": {
+        "pixelmatch": "bin/pixelmatch"
+      }
+    },
+    "node_modules/pngjs": {
+      "version": "3.4.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/potrace": {
+      "version": "2.1.8",
+      "license": "GPL-2.0",
+      "dependencies": {
+        "jimp": "^0.14.0"
+      }
+    },
+    "node_modules/potrace/node_modules/@jimp/bmp": {
+      "version": "0.14.0",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.14.0",
+        "bmp-js": "^0.1.0"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5"
+      }
+    },
+    "node_modules/potrace/node_modules/@jimp/core": {
+      "version": "0.14.0",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.14.0",
+        "any-base": "^1.1.0",
+        "buffer": "^5.2.0",
+        "exif-parser": "^0.1.12",
+        "file-type": "^9.0.0",
+        "load-bmfont": "^1.3.1",
+        "mkdirp": "^0.5.1",
+        "phin": "^2.9.1",
+        "pixelmatch": "^4.0.2",
+        "tinycolor2": "^1.4.1"
+      }
+    },
+    "node_modules/potrace/node_modules/@jimp/custom": {
+      "version": "0.14.0",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/core": "^0.14.0"
+      }
+    },
+    "node_modules/potrace/node_modules/@jimp/gif": {
+      "version": "0.14.0",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.14.0",
+        "gifwrap": "^0.9.2",
+        "omggif": "^1.0.9"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5"
+      }
+    },
+    "node_modules/potrace/node_modules/@jimp/jpeg": {
+      "version": "0.14.0",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.14.0",
+        "jpeg-js": "^0.4.0"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5"
+      }
+    },
+    "node_modules/potrace/node_modules/@jimp/plugin-blit": {
+      "version": "0.14.0",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.14.0"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5"
+      }
+    },
+    "node_modules/potrace/node_modules/@jimp/plugin-blur": {
+      "version": "0.14.0",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.14.0"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5"
+      }
+    },
+    "node_modules/potrace/node_modules/@jimp/plugin-circle": {
+      "version": "0.14.0",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.14.0"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5"
+      }
+    },
+    "node_modules/potrace/node_modules/@jimp/plugin-color": {
+      "version": "0.14.0",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.14.0",
+        "tinycolor2": "^1.4.1"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5"
+      }
+    },
+    "node_modules/potrace/node_modules/@jimp/plugin-contain": {
+      "version": "0.14.0",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.14.0"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5",
+        "@jimp/plugin-blit": ">=0.3.5",
+        "@jimp/plugin-resize": ">=0.3.5",
+        "@jimp/plugin-scale": ">=0.3.5"
+      }
+    },
+    "node_modules/potrace/node_modules/@jimp/plugin-cover": {
+      "version": "0.14.0",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.14.0"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5",
+        "@jimp/plugin-crop": ">=0.3.5",
+        "@jimp/plugin-resize": ">=0.3.5",
+        "@jimp/plugin-scale": ">=0.3.5"
+      }
+    },
+    "node_modules/potrace/node_modules/@jimp/plugin-crop": {
+      "version": "0.14.0",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.14.0"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5"
+      }
+    },
+    "node_modules/potrace/node_modules/@jimp/plugin-displace": {
+      "version": "0.14.0",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.14.0"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5"
+      }
+    },
+    "node_modules/potrace/node_modules/@jimp/plugin-dither": {
+      "version": "0.14.0",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.14.0"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5"
+      }
+    },
+    "node_modules/potrace/node_modules/@jimp/plugin-fisheye": {
+      "version": "0.14.0",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.14.0"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5"
+      }
+    },
+    "node_modules/potrace/node_modules/@jimp/plugin-flip": {
+      "version": "0.14.0",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.14.0"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5",
+        "@jimp/plugin-rotate": ">=0.3.5"
+      }
+    },
+    "node_modules/potrace/node_modules/@jimp/plugin-gaussian": {
+      "version": "0.14.0",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.14.0"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5"
+      }
+    },
+    "node_modules/potrace/node_modules/@jimp/plugin-invert": {
+      "version": "0.14.0",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.14.0"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5"
+      }
+    },
+    "node_modules/potrace/node_modules/@jimp/plugin-mask": {
+      "version": "0.14.0",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.14.0"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5"
+      }
+    },
+    "node_modules/potrace/node_modules/@jimp/plugin-normalize": {
+      "version": "0.14.0",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.14.0"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5"
+      }
+    },
+    "node_modules/potrace/node_modules/@jimp/plugin-print": {
+      "version": "0.14.0",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.14.0",
+        "load-bmfont": "^1.4.0"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5",
+        "@jimp/plugin-blit": ">=0.3.5"
+      }
+    },
+    "node_modules/potrace/node_modules/@jimp/plugin-resize": {
+      "version": "0.14.0",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.14.0"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5"
+      }
+    },
+    "node_modules/potrace/node_modules/@jimp/plugin-rotate": {
+      "version": "0.14.0",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.14.0"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5",
+        "@jimp/plugin-blit": ">=0.3.5",
+        "@jimp/plugin-crop": ">=0.3.5",
+        "@jimp/plugin-resize": ">=0.3.5"
+      }
+    },
+    "node_modules/potrace/node_modules/@jimp/plugin-scale": {
+      "version": "0.14.0",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.14.0"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5",
+        "@jimp/plugin-resize": ">=0.3.5"
+      }
+    },
+    "node_modules/potrace/node_modules/@jimp/plugin-shadow": {
+      "version": "0.14.0",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.14.0"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5",
+        "@jimp/plugin-blur": ">=0.3.5",
+        "@jimp/plugin-resize": ">=0.3.5"
+      }
+    },
+    "node_modules/potrace/node_modules/@jimp/plugin-threshold": {
+      "version": "0.14.0",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.14.0"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5",
+        "@jimp/plugin-color": ">=0.8.0",
+        "@jimp/plugin-resize": ">=0.8.0"
+      }
+    },
+    "node_modules/potrace/node_modules/@jimp/plugins": {
+      "version": "0.14.0",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/plugin-blit": "^0.14.0",
+        "@jimp/plugin-blur": "^0.14.0",
+        "@jimp/plugin-circle": "^0.14.0",
+        "@jimp/plugin-color": "^0.14.0",
+        "@jimp/plugin-contain": "^0.14.0",
+        "@jimp/plugin-cover": "^0.14.0",
+        "@jimp/plugin-crop": "^0.14.0",
+        "@jimp/plugin-displace": "^0.14.0",
+        "@jimp/plugin-dither": "^0.14.0",
+        "@jimp/plugin-fisheye": "^0.14.0",
+        "@jimp/plugin-flip": "^0.14.0",
+        "@jimp/plugin-gaussian": "^0.14.0",
+        "@jimp/plugin-invert": "^0.14.0",
+        "@jimp/plugin-mask": "^0.14.0",
+        "@jimp/plugin-normalize": "^0.14.0",
+        "@jimp/plugin-print": "^0.14.0",
+        "@jimp/plugin-resize": "^0.14.0",
+        "@jimp/plugin-rotate": "^0.14.0",
+        "@jimp/plugin-scale": "^0.14.0",
+        "@jimp/plugin-shadow": "^0.14.0",
+        "@jimp/plugin-threshold": "^0.14.0",
+        "timm": "^1.6.1"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5"
+      }
+    },
+    "node_modules/potrace/node_modules/@jimp/png": {
+      "version": "0.14.0",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/utils": "^0.14.0",
+        "pngjs": "^3.3.3"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5"
+      }
+    },
+    "node_modules/potrace/node_modules/@jimp/tiff": {
+      "version": "0.14.0",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "utif": "^2.0.1"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5"
+      }
+    },
+    "node_modules/potrace/node_modules/@jimp/types": {
+      "version": "0.14.0",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/bmp": "^0.14.0",
+        "@jimp/gif": "^0.14.0",
+        "@jimp/jpeg": "^0.14.0",
+        "@jimp/png": "^0.14.0",
+        "@jimp/tiff": "^0.14.0",
+        "timm": "^1.6.1"
+      },
+      "peerDependencies": {
+        "@jimp/custom": ">=0.3.5"
+      }
+    },
+    "node_modules/potrace/node_modules/@jimp/utils": {
+      "version": "0.14.0",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "regenerator-runtime": "^0.13.3"
+      }
+    },
+    "node_modules/potrace/node_modules/file-type": {
+      "version": "9.0.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/potrace/node_modules/jimp": {
+      "version": "0.14.0",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "@jimp/custom": "^0.14.0",
+        "@jimp/plugins": "^0.14.0",
+        "@jimp/types": "^0.14.0",
+        "regenerator-runtime": "^0.13.3"
+      }
+    },
+    "node_modules/process": {
+      "version": "0.11.10",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6.0"
+      }
+    },
+    "node_modules/psl": {
+      "version": "1.15.0",
+      "license": "MIT",
+      "dependencies": {
+        "punycode": "^2.3.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/lupomontero"
+      }
+    },
+    "node_modules/punycode": {
+      "version": "2.3.1",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/querystringify": {
+      "version": "2.2.0",
+      "license": "MIT"
+    },
+    "node_modules/readable-stream": {
+      "version": "4.8.0",
+      "license": "MIT",
+      "dependencies": {
+        "abort-controller": "^3.0.0",
+        "buffer": "^6.0.3",
+        "events": "^3.3.0",
+        "process": "^0.11.10",
+        "string_decoder": "^1.3.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
+    "node_modules/readable-stream/node_modules/buffer": {
+      "version": "6.0.3",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.2.1"
+      }
+    },
+    "node_modules/readable-web-to-node-stream": {
+      "version": "3.0.4",
+      "license": "MIT",
+      "dependencies": {
+        "readable-stream": "^4.7.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/Borewit"
+      }
+    },
+    "node_modules/regenerator-runtime": {
+      "version": "0.13.11",
+      "license": "MIT"
+    },
+    "node_modules/requires-port": {
+      "version": "1.0.0",
+      "license": "MIT"
+    },
+    "node_modules/rrweb-cssom": {
+      "version": "0.7.1",
+      "license": "MIT"
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "license": "MIT"
+    },
+    "node_modules/sax": {
+      "version": "1.6.1",
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": ">=11.0.0"
+      }
+    },
+    "node_modules/saxes": {
+      "version": "6.0.0",
+      "license": "ISC",
+      "dependencies": {
+        "xmlchars": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=v12.22.7"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.2",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/string_decoder": {
+      "version": "1.3.0",
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.2.0"
+      }
+    },
+    "node_modules/strtok3": {
+      "version": "6.3.0",
+      "license": "MIT",
+      "dependencies": {
+        "@tokenizer/token": "^0.3.0",
+        "peek-readable": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/Borewit"
+      }
+    },
+    "node_modules/svgo": {
+      "version": "3.3.2",
+      "license": "MIT",
+      "dependencies": {
+        "@trysound/sax": "0.2.0",
+        "commander": "^7.2.0",
+        "css-select": "^5.1.0",
+        "css-tree": "^2.3.1",
+        "css-what": "^6.1.0",
+        "csso": "^5.0.5",
+        "picocolors": "^1.0.0"
+      },
+      "bin": {
+        "svgo": "bin/svgo"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/svgo"
+      }
+    },
+    "node_modules/svgpath": {
+      "version": "2.6.0",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/fontello/svg2ttf?sponsor=1"
+      }
+    },
+    "node_modules/symbol-tree": {
+      "version": "3.2.4",
+      "license": "MIT"
+    },
+    "node_modules/timm": {
+      "version": "1.7.1",
+      "license": "MIT"
+    },
+    "node_modules/tinycolor2": {
+      "version": "1.6.0",
+      "license": "MIT"
+    },
+    "node_modules/token-types": {
+      "version": "4.2.1",
+      "license": "MIT",
+      "dependencies": {
+        "@tokenizer/token": "^0.3.0",
+        "ieee754": "^1.2.1"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/Borewit"
+      }
+    },
+    "node_modules/tough-cookie": {
+      "version": "4.1.4",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "psl": "^1.1.33",
+        "punycode": "^2.1.1",
+        "universalify": "^0.2.0",
+        "url-parse": "^1.5.3"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/tr46": {
+      "version": "5.1.1",
+      "license": "MIT",
+      "dependencies": {
+        "punycode": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/universalify": {
+      "version": "0.2.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
+    "node_modules/url-parse": {
+      "version": "1.5.10",
+      "license": "MIT",
+      "dependencies": {
+        "querystringify": "^2.1.1",
+        "requires-port": "^1.0.0"
+      }
+    },
+    "node_modules/utif": {
+      "version": "2.0.1",
+      "license": "MIT",
+      "dependencies": {
+        "pako": "^1.0.5"
+      }
+    },
+    "node_modules/w3c-xmlserializer": {
+      "version": "5.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "xml-name-validator": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/webidl-conversions": {
+      "version": "7.0.0",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/whatwg-encoding": {
+      "version": "3.1.1",
+      "license": "MIT",
+      "dependencies": {
+        "iconv-lite": "0.6.3"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/whatwg-mimetype": {
+      "version": "4.0.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/whatwg-url": {
+      "version": "14.2.0",
+      "license": "MIT",
+      "dependencies": {
+        "tr46": "^5.1.0",
+        "webidl-conversions": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/ws": {
+      "version": "8.22.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/xhr": {
+      "version": "2.6.0",
+      "license": "MIT",
+      "dependencies": {
+        "global": "~4.4.0",
+        "is-function": "^1.0.1",
+        "parse-headers": "^2.0.0",
+        "xtend": "^4.0.0"
+      }
+    },
+    "node_modules/xml-name-validator": {
+      "version": "5.0.0",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/xml-parse-from-string": {
+      "version": "1.0.1",
+      "license": "MIT"
+    },
+    "node_modules/xml2js": {
+      "version": "0.5.0",
+      "license": "MIT",
+      "dependencies": {
+        "sax": ">=0.6.0",
+        "xmlbuilder": "~11.0.0"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/xmlbuilder": {
+      "version": "11.0.1",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/xmlchars": {
+      "version": "2.2.0",
+      "license": "MIT"
+    },
+    "node_modules/xtend": {
+      "version": "4.0.2",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4"
+      }
+    }
+  }
+}
diff --git a/.claude/skills/svg-icons/scripts/package.json b/.claude/skills/svg-icons/scripts/package.json
new file mode 100644
index 000000000..9790614c0
--- /dev/null
+++ b/.claude/skills/svg-icons/scripts/package.json
@@ -0,0 +1,15 @@
+{
+  "name": "svg-icons-scripts",
+  "private": true,
+  "description": "Helpers for the svg-icons skill: render, inspect, build icon versions, optimize, validate, trace.",
+  "dependencies": {
+    "@resvg/resvg-js": "2.6.2",
+    "jimp": "0.16.13",
+    "jsdom": "24.1.3",
+    "paper": "0.12.18",
+    "paperjs-offset": "1.0.8",
+    "potrace": "2.1.8",
+    "svgo": "3.3.2",
+    "svgpath": "2.6.0"
+  }
+}
diff --git a/.claude/skills/svg-icons/scripts/paperenv.js b/.claude/skills/svg-icons/scripts/paperenv.js
new file mode 100644
index 000000000..192b3e0e3
--- /dev/null
+++ b/.claude/skills/svg-icons/scripts/paperenv.js
@@ -0,0 +1,20 @@
+// Loads paper.js in a jsdom window with a stub canvas: boolean ops, offsets and
+// SVG import/export don't need real drawing.
+const { JSDOM } = require('jsdom');
+const dom = new JSDOM('<!doctype html><html><body></body></html>', { pretendToBeVisual: true });
+const w = dom.window;
+w.HTMLCanvasElement.prototype.getContext = function () {
+  const canvas = this;
+  return new Proxy({}, { get: (t, p) => p === 'canvas' ? canvas : (p in t ? t[p] : () => ({ width: 0, data: [] })), set: (t, p, v) => (t[p] = v, true) });
+};
+for (const k of ['window', 'document', 'navigator', 'self', 'HTMLCanvasElement', 'Image', 'DOMParser', 'XMLSerializer', 'Node'])
+  if (!(k in global) || k === 'window' || k === 'self') global[k] = k === 'window' || k === 'self' ? w : w[k];
+const paper = require('paper/dist/paper-core.js');
+paper.setup(new paper.Size(128, 128));
+module.exports = paper;
+// paperjs-offset requires 'paper' itself; make that our instance
+const Module = require('module');
+const key = require.resolve('paper');
+const m = new Module(key); m.filename = key; m.loaded = true; m.exports = paper;
+require.cache[key] = m;
+paper.PaperOffset = require('paperjs-offset').PaperOffset;
diff --git a/.claude/skills/svg-icons/scripts/pixdiff.js b/.claude/skills/svg-icons/scripts/pixdiff.js
new file mode 100644
index 000000000..2d9506fb8
--- /dev/null
+++ b/.claude/skills/svg-icons/scripts/pixdiff.js
@@ -0,0 +1,29 @@
+// Renders two SVGs (or two folders of same-named SVGs) and reports pixel
+// differences, e.g. to prove an id rename or optimization changed nothing.
+//   node pixdiff.js <a.svg|dirA> <b.svg|dirB> [--size 256]
+const fs = require('fs'), path = require('path');
+const { Resvg } = require('@resvg/resvg-js');
+const args = process.argv.slice(2);
+const i = args.indexOf('--size'); const size = i >= 0 ? Number(args.splice(i, 2)[1]) : 256;
+const [A, Bp] = args;
+const pairs = fs.statSync(A).isDirectory()
+  ? fs.readdirSync(A).filter(f => f.endsWith('.svg') && fs.existsSync(path.join(Bp, f))).map(f => [path.join(A, f), path.join(Bp, f)])
+  : [[A, Bp]];
+const render = f => {
+  let s = fs.readFileSync(f, 'utf8');
+  if (!/xmlns="http:\/\/www\.w3\.org\/2000\/svg"/.test(s)) s = s.replace('<svg', '<svg xmlns="http://www.w3.org/2000/svg"');
+  return new Resvg(s, { fitTo: { mode: 'width', value: size } }).render();
+};
+let same = 0;
+for (const [a, b] of pairs) {
+  try {
+    const ra = render(a), rb = render(b);
+    if (ra.width !== rb.width || ra.height !== rb.height) { console.log(`DIFF ${path.basename(a)}: size ${ra.width}x${ra.height} vs ${rb.width}x${rb.height}`); continue; }
+    // .pixels makes a new buffer on every access: read it once
+    const pa = ra.pixels, pb = rb.pixels;
+    let n = 0;
+    for (let k = 0; k < pa.length; k++) if (Math.abs(pa[k] - pb[k]) > 2) n++;
+    if (n) console.log(`DIFF ${path.basename(a)}: ${n} channel values differ`); else same++;
+  } catch (e) { console.log(`ERR  ${path.basename(a)}: ${e.message.split('\n')[0]}`); }
+}
+console.log(`identical: ${same}/${pairs.length}`);
diff --git a/.claude/skills/svg-icons/scripts/render.js b/.claude/skills/svg-icons/scripts/render.js
new file mode 100644
index 000000000..b2f25f615
--- /dev/null
+++ b/.claude/skills/svg-icons/scripts/render.js
@@ -0,0 +1,56 @@
+// Renders SVGs to a PNG preview sheet so you can look at them (Read the PNG).
+// Each SVG is shown on a light and a dark background at several sizes.
+//   node render.js <file.svg|dir>... [--out preview.png] [--sizes 128,32,16] [--zoom x,y,w,h] [--big]
+//   --zoom crops every SVG to that viewBox region (to inspect a detail)
+//   --big renders one large image per SVG instead (600px, white background)
+const fs = require('fs'), path = require('path');
+const { Resvg } = require('@resvg/resvg-js');
+
+const args = process.argv.slice(2);
+const opt = (k, d) => { const i = args.indexOf(k); return i >= 0 ? args.splice(i, 2)[1] : d; };
+const flag = k => { const i = args.indexOf(k); return i >= 0 ? (args.splice(i, 1), true) : false; };
+const out = opt('--out', 'preview.png');
+const sizes = opt('--sizes', '128,32,16').split(',').map(Number);
+const zoom = opt('--zoom', null);
+const big = flag('--big');
+
+const files = args.flatMap(a => fs.statSync(a).isDirectory()
+  ? fs.readdirSync(a).filter(f => f.endsWith('.svg')).sort().map(f => path.join(a, f)) : [a]);
+if (!files.length) { console.error('no SVG files given'); process.exit(1); }
+
+const load = f => {
+  let s = fs.readFileSync(f, 'utf8');
+  if (!/xmlns="http:\/\/www\.w3\.org\/2000\/svg"/.test(s)) s = s.replace('<svg', '<svg xmlns="http://www.w3.org/2000/svg"');
+  if (zoom) s = s.replace(/viewBox="[^"]*"/, `viewBox="${zoom.split(',').join(' ')}"`);
+  return s;
+};
+// Rasterise each SVG on its own and embed the PNG: nested SVG images aren't
+// clipped to their viewBox, so zoomed shapes would spill out of their cells.
+const png = (s, size) => 'data:image/png;base64,' + new Resvg(s, { fitTo: { mode: 'width', value: size } }).render().asPng().toString('base64');
+
+if (big) {
+  for (const f of files) {
+    const o = files.length === 1 ? out : out.replace(/\.png$/, `-${path.basename(f, '.svg')}.png`);
+    const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600"><rect width="600" height="600" fill="#fff"/><image width="600" height="600" href="${png(load(f), 600)}"/></svg>`;
+    fs.writeFileSync(o, new Resvg(svg).render().asPng());
+    console.log(o);
+  }
+  process.exit(0);
+}
+
+const cell = Math.max(...sizes) + 12, pad = 8;
+const panelW = sizes.reduce((a, s) => a + s + pad, pad);
+let body = '', y = 10;
+for (const f of files) {
+  const src = load(f);
+  body += `<text x="10" y="${y + 14}" font-family="sans-serif" font-size="13">${path.basename(f)}</text>`;
+  [['#ffffff', 10], ['#0d1117', 20 + panelW]].forEach(([bg, x0]) => {
+    body += `<rect x="${x0}" y="${y + 22}" width="${panelW}" height="${cell}" fill="${bg}" stroke="#ccc"/>`;
+    let x = x0 + pad;
+    for (const s of sizes) { body += `<image x="${x}" y="${y + 28}" width="${s}" height="${s}" href="${png(src, s)}"/>`; x += s + pad; }
+  });
+  y += cell + 34;
+}
+const W = 30 + 2 * panelW;
+fs.writeFileSync(out, new Resvg(`<svg xmlns="http://www.w3.org/2000/svg" width="${W}" height="${y}"><rect width="100%" height="100%" fill="#f4f4f4"/>${body}</svg>`, { font: { loadSystemFonts: true } }).render().asPng());
+console.log(out);
diff --git a/.claude/skills/svg-icons/scripts/trace.js b/.claude/skills/svg-icons/scripts/trace.js
new file mode 100644
index 000000000..95ab4410f
--- /dev/null
+++ b/.claude/skills/svg-icons/scripts/trace.js
@@ -0,0 +1,16 @@
+// Traces colour masks of a raster logo with potrace; returns path data per mask.
+const Jimp = require('jimp'), potrace = require('potrace');
+async function traceMask(file, keep, box) {
+  const im = await Jimp.read(file);
+  const { width: W, height: H } = im.bitmap;
+  const m = new Jimp(W, H, 0xffffffff);
+  im.scan(0, 0, W, H, function (x, y, i) {
+    const d = this.bitmap.data;
+    if (box && (x < box[0] || y < box[1] || x > box[2] || y > box[3])) return;
+    if (d[i + 3] > 128 && keep(d[i], d[i + 1], d[i + 2])) m.setPixelColor(0x000000ff, x, y);
+  });
+  const buf = await m.getBufferAsync(Jimp.MIME_PNG);
+  const svg = await new Promise((res, rej) => potrace.trace(buf, { turdSize: 20, optTolerance: 0.4, threshold: 128 }, (e, s) => e ? rej(e) : res(s)));
+  return (svg.match(/ d="([^"]+)"/) || [])[1];
+}
+module.exports = { traceMask };
diff --git a/.claude/skills/svg-icons/scripts/validate.js b/.claude/skills/svg-icons/scripts/validate.js
new file mode 100644
index 000000000..e6183970c
--- /dev/null
+++ b/.claude/skills/svg-icons/scripts/validate.js
@@ -0,0 +1,38 @@
+// Checks icon SVGs against common icon-set rules (devicon's by default):
+// viewBox 0 0 128 128, content touching the box (no padding) and centred,
+// no strokes/<image>/<text>/transforms, ids prefixed with the file name,
+// newline at the end; *-plain*/*-line* files: exactly one path, one fill,
+// no gradients/masks. Exit code 1 if anything fails.
+//   node validate.js <file.svg|dir>...
+const fs = require('fs'), path = require('path');
+const B = require('./build');
+
+const files = process.argv.slice(2).flatMap(a => fs.statSync(a).isDirectory()
+  ? fs.readdirSync(a).filter(f => f.endsWith('.svg')).map(f => path.join(a, f)) : [a]);
+let bad = 0;
+for (const f of files) {
+  const s = fs.readFileSync(f, 'utf8'), stem = path.basename(f, '.svg'), p = [];
+  if (!/viewBox="0 0 128 128"/.test(s)) p.push('viewBox is not "0 0 128 128"');
+  if (/\s(width|height)="/.test((s.match(/<svg\b[^>]*>/) || [''])[0])) p.push('root has width/height attributes');
+  if (/(^|[\s;"])stroke\s*[=:]\s*"?(?!none|transparent)[#a-z]/i.test(s)) p.push('has strokes');
+  if (/<image\b/.test(s)) p.push('embeds a raster <image>');
+  if (/<text\b/.test(s)) p.push('has <text> (convert to paths)');
+  if (/transform=/.test(s)) p.push('has transforms (bake them in)');
+  if (!s.endsWith('\n')) p.push('no newline at the end');
+  for (const m of s.matchAll(/\sid="([^"]+)"/g)) if (!m[1].startsWith(stem + '-')) p.push(`id "${m[1]}" not prefixed with "${stem}-"`);
+  if (/-(plain|line)(-wordmark)?$/.test(stem)) {
+    const n = (s.match(/<path\b/g) || []).length, fills = new Set(s.match(/fill="(?!none)[^"]+"/g) || []);
+    if (n !== 1) p.push(`${n} paths (plain/line need exactly 1)`);
+    if (fills.size > 1) p.push(`${fills.size} fill colours (plain/line need 1)`);
+    if (/Gradient|<mask|<clipPath/.test(s)) p.push('gradient/mask/clip in a plain/line version');
+  }
+  try { // padding/centring from the rendered shapes
+    const b = B.unionAll(B.leaves(s).map(l => l.path)).bounds;
+    const big = Math.max(b.width, b.height);
+    if (big < 127) p.push(`padding: content is ${big.toFixed(1)} wide/high, should fill 128`);
+    if (Math.abs(b.center.x - 64) > 1 || Math.abs(b.center.y - 64) > 1) p.push(`not centred (centre ${b.center.x.toFixed(1)},${b.center.y.toFixed(1)})`);
+  } catch (e) { p.push('could not parse shapes: ' + e.message.split('\n')[0]); }
+  if (p.length) { bad++; console.log(`FAIL ${f}\n  - ${p.join('\n  - ')}`); } else console.log(`ok   ${f}`);
+}
+console.log(`${files.length} files, ${bad} failing`);
+process.exit(bad ? 1 : 0);
diff --git a/.claude/skills/svg-icons/scripts/versions.js b/.claude/skills/svg-icons/scripts/versions.js
new file mode 100644
index 000000000..60feb4da9
--- /dev/null
+++ b/.claude/skills/svg-icons/scripts/versions.js
@@ -0,0 +1,88 @@
+// Builds icon versions from a logo SVG: original, plain, line and (with --text)
+// their wordmarks, each fitted to viewBox 0 0 128 128 (centred, no padding),
+// optimized with SVGO, ids prefixed with the file name.
+//   plain = one path, one colour: shapes united, white shapes become holes,
+//           optional gaps where differently coloured shapes overlap
+//   line  = inner outline of plain (stroke converted to a filled path)
+//
+//   node versions.js <logo.svg> --name foo --out dir/
+//     [--logo 6-9,11]      shape indexes of the logo (default: all; see inspect.js)
+//     [--text 0-5]         shape indexes of the wordmark text -> *-wordmark versions
+//     [--gap 2.5]          gap (in 128 units) between overlapping colours in plain
+//     [--color '#hex']     plain/line colour (default: colour with the largest area)
+//     [--wordmark-color '#hex']
+//     [--line-width 4]     outline width of line versions (128 units)
+//     [--plain-only '#000000']  build plain/line from shapes of this colour only
+//     [--skip line,plain-wordmark]
+// Writes <name>-<version>.svg files and preview.png into --out.
+const fs = require('fs'), path = require('path');
+const B = require('./build');
+const { paper } = B;
+
+const args = process.argv.slice(2);
+const opt = (k, d) => { const i = args.indexOf(k); return i >= 0 ? args.splice(i, 2)[1] : d; };
+const range = s => s ? s.split(',').flatMap(p => { const [a, b] = p.split('-').map(Number); return b === undefined ? [a] : Array.from({ length: b - a + 1 }, (_, i) => a + i); }) : null;
+const name = opt('--name'), outDir = opt('--out', '.');
+const logoIdx = range(opt('--logo')), textIdx = range(opt('--text'));
+const gap = Number(opt('--gap', 0)), color = opt('--color'), wordmarkColor = opt('--wordmark-color');
+const lineWidth = Number(opt('--line-width', 4)), plainOnly = opt('--plain-only');
+const skip = (opt('--skip', '') || '').split(',');
+const src = args[0];
+if (!src || !name) { console.error('usage: node versions.js <logo.svg> --name foo --out dir [options]'); process.exit(1); }
+
+const all = B.leaves(fs.readFileSync(src, 'utf8'));
+const logo = all.filter((l, i) => logoIdx ? logoIdx.includes(i) : !(textIdx || []).includes(i));
+const text = textIdx ? all.filter((l, i) => textIdx.includes(i)) : [];
+const clone = (p, m) => { const c = p.clone({ insert: false }); if (m) c.transform(m); return c; };
+const plainOf = (ls, m, g = gap) => B.plainPath(ls.filter(l => !plainOnly || B.hex(l.color) === plainOnly).map(l => ({ ...l, path: clone(l.path, m) })), { gap: g });
+const one = (p, c) => B.optimize(B.pathSvg(p, c));
+const prominent = ls => {
+  const area = {};
+  for (const l of ls) if (!B.isWhite(l.color)) { const h = B.hex(l.color); area[h] = (area[h] || 0) + Math.abs(l.path.area); }
+  return Object.entries(area).sort((a, b) => b[1] - a[1])[0][0];
+};
+const originalOf = ls => {
+  const m = B.fitMatrix(B.unionAll(ls.map(l => l.path)).bounds);
+  paper.project.clear();
+  const g = new paper.Group(ls.map(l => { const p = clone(l.path, m); p.fillColor = l.path.fillColor; return p; }));
+  return B.optimize(B.svgDoc(g.exportSVG({ asString: true, precision: 3 }).replace(/ xmlns="[^"]*"/g, '')));
+};
+
+const files = {};
+const col = color || prominent(logo);
+// A logo in one solid colour is already font-ready: its original is a single
+// path (holes wound for the nonzero rule) and plain becomes an alias of it.
+const oneColour = ls => !ls.some(l => l.color.gradient) && new Set(ls.filter(l => !B.isWhite(l.color)).map(l => B.hex(l.color))).size === 1;
+const solo = oneColour(logo), soloW = text.length && oneColour([...logo, ...text]);
+const lp = plainOf(logo, B.fitMatrix(B.unionAll(logo.map(l => l.path)).bounds));
+lp.transform(B.fitMatrix(lp.bounds));
+if (!skip.includes('original')) files.original = solo ? one(lp, prominent(logo)) : originalOf(logo);
+if (!skip.includes('plain') && !solo) files.plain = one(lp, col);
+if (!skip.includes('line')) files.line = one(B.linePath(lp, lineWidth), col);
+if (solo) console.log('note: one-colour logo, so original is font-ready: add "original" to versions.font and alias original -> plain');
+
+if (text.length) {
+  const both = [...logo, ...text];
+  const mw = B.fitMatrix(B.unionAll(both.map(l => l.path)).bounds);
+  const lpW = plainOf(logo, mw), tpW = plainOf(text, mw, 0);
+  const plainW = lpW.unite(tpW, { insert: false });
+  const s = B.fitMatrix(plainW.bounds);
+  [plainW, lpW, tpW].forEach(p => p.transform(s));
+  const wc = wordmarkColor || col;
+  if (!skip.includes('original-wordmark')) files['original-wordmark'] = soloW ? one(plainW, prominent(both)) : originalOf(both);
+  if (!skip.includes('plain-wordmark') && !soloW) files['plain-wordmark'] = one(plainW, wc);
+  if (soloW) console.log('note: one-colour wordmark: add "original-wordmark" to versions.font and alias original-wordmark -> plain-wordmark');
+  if (!skip.includes('line-wordmark')) {
+    // outline the logo; letters stay solid (outlined letters get too thin)
+    const w = Math.max(1.5, lineWidth * Math.max(lpW.bounds.width, lpW.bounds.height) / 128);
+    files['line-wordmark'] = one(B.linePath(lpW, w).unite(tpW, { insert: false }), wc);
+  }
+}
+
+fs.mkdirSync(outDir, { recursive: true });
+for (const [v, svg] of Object.entries(files)) {
+  const f = path.join(outDir, `${name}-${v}.svg`);
+  fs.writeFileSync(f, B.prefixIds(svg, `${name}-${v}`).trim() + '\n');
+  console.log(f);
+}
+require('child_process').execFileSync(process.execPath, [path.join(__dirname, 'render.js'), outDir, '--out', path.join(outDir, 'preview.png')], { stdio: 'inherit' });

From 5bc05a0bd1b19dcb4d17f42a5e7f2486527ba544 Mon Sep 17 00:00:00 2001
From: Snailedlt <jorgenkalsnes.hagen@gmail.com>
Date: Sun, 1 Nov 2026 13:00:51 +0100
Subject: [PATCH 02/12] docs: add CLAUDE.md pointing to the wiki

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 CLAUDE.md | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 CLAUDE.md

diff --git a/CLAUDE.md b/CLAUDE.md
new file mode 100644
index 000000000..d3b34176d
--- /dev/null
+++ b/CLAUDE.md
@@ -0,0 +1,31 @@
+# CLAUDE.md
+
+Devicon is a set of icons for programming languages, frameworks and developer tools, shipped as SVG files and an icon font (built with icomoon.io).
+
+The [wiki](https://github.com/devicons/devicon/wiki) is the source of truth for contributing. Link to it rather than copying its rules here, so there's one place to keep up to date.
+
+## Where things are
+
+- `icons/<name>/<name>-<version>.svg`: the icons. One folder per icon.
+- `devicon.json`: every icon's versions, aliases, colour and tags. Kept sorted by `name`.
+- Generated, don't edit by hand: `fonts/`, `devicon.min.css`, `icomoon.json` (all from the build).
+- `.github/workflows/` and `.github/scripts/`: the bots (check, peek, build). Overview: [Our automated tasks and bots](https://github.com/devicons/devicon/wiki/Our-automated-tasks-and-bots).
+- `docs/`: the website, devicon.dev (`npm run dev` serves it at http://localhost:8000/docs).
+
+## Icons
+
+- Process: [Overview on Submitting Icons](https://github.com/devicons/devicon/wiki/Overview-on-Submitting-Icons), [Updating an Icon](https://github.com/devicons/devicon/wiki/Updating-an-Icon).
+- Rules: [What Icons Do We Accept?](https://github.com/devicons/devicon/wiki/What-Icons-Do-We-Accept%3F), [SVG Versions](https://github.com/devicons/devicon/wiki/SVG-Versions), [SVG Standards](https://github.com/devicons/devicon/wiki/SVG-Standards), [Naming Conventions](https://github.com/devicons/devicon/wiki/Naming-Conventions), [Updating devicon.json](https://github.com/devicons/devicon/wiki/Updating-%60devicon.json%60).
+- One icon per PR. Titles: `new icon: <name> (<versions>)` or `update icon: <name> (<versions>)`. Other PRs use conventional-commit titles (`fix: …`, `docs: …`); `pr_title.yml` checks them.
+- Skills in `.claude/skills/`:
+  - `svg-icons`: build, fix, render and validate icon SVGs. Run `npm install` in `.claude/skills/svg-icons/scripts` first.
+  - `devicon-icon-review`: review icon PRs against the wiki and maintainers' review practice.
+- Always render an icon and look at it (light and dark background, small sizes) before calling it done.
+
+## Branches and releases
+
+See [Release strategy](https://github.com/devicons/devicon/wiki/Release-strategy,-conventions,-preparation-and-execution) for which branch PRs target and how releases are built. Fonts are built by the release workflow, not in PRs.
+
+## Posting on GitHub
+
+Only post (comments, reviews, PRs) when asked. Posts made through someone's account should say they were prepared by Claude. Never approve or merge on your own.

From 85f5eed94bf19716206c18f8c016945c386b38c5 Mon Sep 17 00:00:00 2001
From: Snailedlt <jorgenkalsnes.hagen@gmail.com>
Date: Sun, 1 Nov 2026 13:13:48 +0100
Subject: [PATCH 03/12] fix: address review of the icon skills; move the guide
 to AGENTS.md

- check_icon: an alias may share a name with a non-font SVG (e.g. Babel);
  flag fill="none" in font versions
- validate: reject extra shapes/groups in plain/line; flag artwork outside the box
- pixdiff: report files missing from either folder
- build: keep group opacity; don't flatten groups with transforms/compositing;
  paper.js cleanup only on paper output, not in optimize.js
- versions: a logo with white parts isn't treated as one-colour
- AGENTS.md holds the guide so any agent can use it; CLAUDE.md imports it

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .claude/skills/devicon-icon-review/SKILL.md   |  4 +--
 .../references/devicon-standards.md           |  2 +-
 .../devicon-icon-review/scripts/check_icon.js |  5 ++-
 .claude/skills/svg-icons/scripts/build.js     | 27 ++++++++++-----
 .claude/skills/svg-icons/scripts/optimize.js  |  2 +-
 .claude/skills/svg-icons/scripts/pixdiff.js   |  4 ++-
 .claude/skills/svg-icons/scripts/validate.js  |  5 ++-
 .claude/skills/svg-icons/scripts/versions.js  |  3 +-
 AGENTS.md                                     | 33 +++++++++++++++++++
 CLAUDE.md                                     | 32 +-----------------
 10 files changed, 69 insertions(+), 48 deletions(-)
 create mode 100644 AGENTS.md

diff --git a/.claude/skills/devicon-icon-review/SKILL.md b/.claude/skills/devicon-icon-review/SKILL.md
index eac94f488..6ef021ca0 100644
--- a/.claude/skills/devicon-icon-review/SKILL.md
+++ b/.claude/skills/devicon-icon-review/SKILL.md
@@ -33,7 +33,7 @@ Standards live in `references/devicon-standards.md` (with links to the maintaine
    node .claude/skills/svg-icons/scripts/render.js icons/<name> --out /tmp/<name>-preview.png
    ```
    Then **look at the preview**: blobs (white not cut out), slivers, uneven line widths, things outside the box, off-centre, squished, unreadable at 16px.
-6. **Versions and devicon.json** (§3, §6): original exists; at least one font version; priority original > plain > line; duplicates replaced by aliases; aliases only for versions without files; `color` = main logo colour and present in the SVGs; order and formatting of the entry.
+6. **Versions and devicon.json** (§3, §6): original exists; at least one font version; priority original > plain > line; duplicates replaced by aliases; an alias never names an existing font version; `color` = main logo colour and present in the SVGs; order and formatting of the entry.
 7. **Font preview** (§5): read the peek-bot comment's screenshots (download the images and look). Glyph count must equal the number of font versions; check each glyph for spikes, filled holes, missing parts. If peek hasn't run or failed, say so — the maintainer adds `bot:peek`.
 8. **Write the review** (format below). Offer fixed SVGs or `devicon.json` suggestions when the fix is mechanical; you can usually produce them with the svg-icons scripts.
 
@@ -70,4 +70,4 @@ Thanks for the PR! Here's what I found:
 
 ## Posting
 
-Only post to GitHub when the user asks. Reviews and comments posted through `gh` appear under the user's account, so start them with a line saying they were prepared by Claude on the user's behalf (unless the user has set up a separate bot identity). Prefer `gh pr review <n> --comment|--request-changes|--approve --body-file …`; approving is the user's call — never approve on your own initiative. Link issues and PRs with full `https://github.com/devicons/devicon/...` URLs in chat (bare `#123` can resolve to a fork).
+Only post to GitHub when the user asks. Reviews and comments posted through `gh` appear under the user's account, so start them with a line saying they were prepared by an AI assistant on the user's behalf (unless the user has set up a separate bot identity). Prefer `gh pr review <n> --comment|--request-changes|--approve --body-file …`; approving is the user's call — never approve on your own initiative. Link issues and PRs with full `https://github.com/devicons/devicon/...` URLs in chat (bare `#123` can resolve to a fork).
diff --git a/.claude/skills/devicon-icon-review/references/devicon-standards.md b/.claude/skills/devicon-icon-review/references/devicon-standards.md
index 925a29f66..a05bf7e5b 100644
--- a/.claude/skills/devicon-icon-review/references/devicon-standards.md
+++ b/.claude/skills/devicon-icon-review/references/devicon-standards.md
@@ -81,7 +81,7 @@ Every version listed in `versions.font` becomes a glyph in an icon font, where *
 - All six keys present; `altnames` and `aliases` may be empty arrays. `altnames` must not repeat `name`.
 - **Sorted by `name`**; the file's formatting kept (4-space indentation, arrays one item per line, no trailing commas — don't let a formatter rewrite the file, [#1465](https://github.com/devicons/devicon/pull/1465#issuecomment-1287950577), [#2726](https://github.com/devicons/devicon/pull/2726#discussion_r4241951876)).
 - **`versions.svg`** lists exactly the SVG files in the folder; **`versions.font`** only those that are font-ready; order `original, original-wordmark, plain, plain-wordmark, line, line-wordmark` ([#2488](https://github.com/devicons/devicon/pull/2488#issuecomment-3066715324)).
-- **`aliases`** only for versions that don't exist as files; `base` must be an existing font version; one object per alias (no arrays); never alias across style (plain → line) or from non-wordmark to wordmark without the name; base ≠ alias. Flowchart (lunatic-fox [#1788](https://github.com/devicons/devicon/pull/1788#discussion_r1225886328)): `original → plain`, `original → line`, `original → original-wordmark → plain-wordmark / line-wordmark`.
+- **`aliases`** are font classes: an alias must not name an existing font version (an SVG of that name is fine, e.g. Babel's multi-colour `original` with a `plain → original` alias for the font); `base` must be an existing font version; one object per alias (no arrays); never alias across style (plain → line) or from non-wordmark to wordmark without the name; base ≠ alias. Flowchart (lunatic-fox [#1788](https://github.com/devicons/devicon/pull/1788#discussion_r1225886328)): `original → plain`, `original → line`, `original → original-wordmark → plain-wordmark / line-wordmark`.
 - **`color`**: the logo's main colour, or the primary colour from the brand guidelines; must appear in the icon; for gradients the dominant/middle colour; not GitHub Linguist's colour; avoid pure white ([#1393](https://github.com/devicons/devicon/pull/1393#issuecomment-1261984651), [#1450](https://github.com/devicons/devicon/pull/1450#discussion_r995986304), [#1457](https://github.com/devicons/devicon/pull/1457#discussion_r996288194), [#2021](https://github.com/devicons/devicon/pull/2021#discussion_r1398515635)).
 - **`tags`**: reuse existing tags; avoid catch-alls like "utility".
 
diff --git a/.claude/skills/devicon-icon-review/scripts/check_icon.js b/.claude/skills/devicon-icon-review/scripts/check_icon.js
index 4ee8d6366..8c35142ef 100644
--- a/.claude/skills/devicon-icon-review/scripts/check_icon.js
+++ b/.claude/skills/devicon-icon-review/scripts/check_icon.js
@@ -58,7 +58,9 @@ for (const a of aliases) {
   if (a.base === a.alias) err(`alias ${a.base} -> ${a.alias}: base and alias are the same`);
   if (!svgV.includes(a.base)) err(`alias base "${a.base}" is not an existing SVG version`);
   else if (!fontV.includes(a.base)) err(`alias base "${a.base}" is not a font version: aliases only work for font versions`);
-  if (svgV.includes(a.alias)) err(`alias "${a.alias}" exists as a file: aliases are only for versions that don't exist`);
+  // an SVG file may share the alias name (e.g. a multi-colour original aliased
+  // to plain for the font); only a font version of that name would clash
+  if (fontV.includes(a.alias)) err(`alias "${a.alias}" is also a font version: the font would get that class twice`);
   if (aliasNames.has(a.alias)) err(`alias "${a.alias}" defined twice`);
   aliasNames.add(a.alias);
   const style = v => v.split('-')[0];
@@ -113,6 +115,7 @@ for (const v of svgV) {
     if (/<g\b/.test(s)) err(`${rel}: font versions must not use groups`);
     if (/Gradient|<clipPath|<mask|<filter/.test(s)) err(`${rel}: font versions can't use gradients, clip-paths, masks or filters`);
     if (fills.length > 1) err(`${rel}: font versions need one fill colour (found ${fills.join(', ')})`);
+    if (/fill="none"|fill:\s*none/.test(s)) err(`${rel}: fill="none" in a font version: the glyph comes out empty`);
     if (fills.includes('#ffffff')) err(`${rel}: white fill in a font version turns into ink; cut white parts out as holes`);
     if (!fills.length && colour !== '#000000') warn(`${rel}: no fill; expected fill="${entry.color}" (the entry's color)`);
     else if (fills.length === 1 && fills[0] !== colour) warn(`${rel}: fill ${fills[0]} differs from the entry's color ${entry.color}`);
diff --git a/.claude/skills/svg-icons/scripts/build.js b/.claude/skills/svg-icons/scripts/build.js
index faed52e11..3de652e59 100644
--- a/.claude/skills/svg-icons/scripts/build.js
+++ b/.claude/skills/svg-icons/scripts/build.js
@@ -35,7 +35,8 @@ function leaves(svg) {
   paper.project.clear();
   const root = paper.project.importSVG(svg, { expandShapes: true });
   const out = [];
-  const walk = (item, clip) => {
+  // op: the opacity of the enclosing groups, carried onto each leaf
+  const walk = (item, clip, op = 1) => {
     if (!item.visible || item.opacity === 0) return;
     if (item.className === 'Group' || item.className === 'Layer') {
       let mask = clip;
@@ -46,14 +47,14 @@ function leaves(svg) {
         mask = clip ? clip.intersect(m, { insert: false }) : m;
         kids.shift();
       }
-      kids.forEach(k => walk(k, mask));
+      kids.forEach(k => walk(k, mask, op * item.opacity));
       return;
     }
     if (!isPath(item) || item.clipMask) return;
     const base = item.clone({ insert: false });
     base.transform(item.parent.globalMatrix);
     const add = (p, color) => {
-      p.fillColor = color; p.strokeColor = null;
+      p.fillColor = color; p.strokeColor = null; p.opacity = item.opacity * op;
       if (clip) { const f = p.fillColor; p = p.intersect(clip, { insert: false }); p.fillColor = f; }
       if (!p.isEmpty() && Math.abs(p.area) > 0.01) out.push({ path: p, color, raw: color, src: item });
     };
@@ -161,6 +162,8 @@ function ungroup(svg) {
     .replace(/\sfill-rule="none"/g, ''); // not a valid value
   const m = svg.match(/^(<svg\b[^>]*>(?:<defs>[\s\S]*?<\/defs>)?)<g\b([^>]*)>([\s\S]*)<\/g><\/svg>$/);
   if (!m || /<g\b/.test(m[3])) return svg;
+  // these don't distribute onto children without changing the artwork
+  if (/\s(transform|opacity|clip-path|mask|filter|style)=/.test(m[2])) return svg;
   const attrs = [...m[2].matchAll(/\s([\w:-]+)="([^"]*)"/g)];
   const body = m[3].replace(/<(\w+)\b((?:[^>"]|"[^"]*")*?)(\/?)>/g, (t, tag, a, close) => {
     for (const [, k, v] of attrs) if (!new RegExp(`\\s${k}="`).test(a)) a += ` ${k}="${v}"`;
@@ -169,15 +172,21 @@ function ungroup(svg) {
   return `${m[1]}${body}</svg>`;
 }
 
-// SVGO (as the wiki asks), keeping ids readable for the file-name prefix
-function optimize(svg) {
-  // paper.js export leftovers that SVGO keeps: no-op styles and zero-width strokes
+// SVGO (as the wiki asks), keeping ids readable for the file-name prefix.
+// opts.generic: an arbitrary SVG (optimize.js), so skip cleanPaperExport; it's
+// only safe on paper.js's flat output, where no attribute is inherited.
+function optimize(svg, opts = {}) {
+  if (!opts.generic) svg = cleanPaperExport(svg);
+  return require('svgo').optimize(svg, { multipass: true, floatPrecision: 2,
+    plugins: [{ name: 'preset-default', params: { overrides: { cleanupIds: { minify: true } } } }] }).data;
+}
+
+// paper.js export leftovers that SVGO keeps: no-op styles and zero-width strokes
+function cleanPaperExport(svg) {
   svg = svg.replace(/\sstyle="mix-blend-mode:\s*normal;?"/g, '')
     .replace(/\s(font-family|font-size|font-weight|text-anchor)="none"/g, '')
     .replace(/\s(stroke-width="0"|stroke-miterlimit="[^"]*"|stroke="none"|fill-rule="nonzero"|stroke-dasharray="none")/g, '');
-  svg = ungroup(svg);
-  return require('svgo').optimize(svg, { multipass: true, floatPrecision: 2,
-    plugins: [{ name: 'preset-default', params: { overrides: { cleanupIds: { minify: true } } } }] }).data;
+  return ungroup(svg);
 }
 
 // Prefix ids with the file name (same rule as the check-bot/build)
diff --git a/.claude/skills/svg-icons/scripts/optimize.js b/.claude/skills/svg-icons/scripts/optimize.js
index 31dd5fc12..2a1ff1db9 100644
--- a/.claude/skills/svg-icons/scripts/optimize.js
+++ b/.claude/skills/svg-icons/scripts/optimize.js
@@ -10,7 +10,7 @@ const outDir = i >= 0 ? args.splice(i, 2)[1] : null;
 for (const f of args) {
   const before = fs.readFileSync(f, 'utf8');
   const stem = path.basename(f, '.svg');
-  const after = B.prefixIds(B.optimize(before), stem).trim() + '\n';
+  const after = B.prefixIds(B.optimize(before, { generic: true }), stem).trim() + '\n';
   const o = outDir ? path.join(outDir, path.basename(f)) : f;
   if (outDir) fs.mkdirSync(outDir, { recursive: true });
   fs.writeFileSync(o, after);
diff --git a/.claude/skills/svg-icons/scripts/pixdiff.js b/.claude/skills/svg-icons/scripts/pixdiff.js
index 2d9506fb8..8cbd08be6 100644
--- a/.claude/skills/svg-icons/scripts/pixdiff.js
+++ b/.claude/skills/svg-icons/scripts/pixdiff.js
@@ -7,7 +7,7 @@ const args = process.argv.slice(2);
 const i = args.indexOf('--size'); const size = i >= 0 ? Number(args.splice(i, 2)[1]) : 256;
 const [A, Bp] = args;
 const pairs = fs.statSync(A).isDirectory()
-  ? fs.readdirSync(A).filter(f => f.endsWith('.svg') && fs.existsSync(path.join(Bp, f))).map(f => [path.join(A, f), path.join(Bp, f)])
+  ? [...new Set([A, Bp].flatMap(d => fs.readdirSync(d).filter(f => f.endsWith('.svg'))))].sort().map(f => [path.join(A, f), path.join(Bp, f)])
   : [[A, Bp]];
 const render = f => {
   let s = fs.readFileSync(f, 'utf8');
@@ -16,6 +16,8 @@ const render = f => {
 };
 let same = 0;
 for (const [a, b] of pairs) {
+  const gone = [a, b].find(f => !fs.existsSync(f));
+  if (gone) { console.log(`MISS ${path.basename(a)}: not in ${path.dirname(gone)}`); continue; }
   try {
     const ra = render(a), rb = render(b);
     if (ra.width !== rb.width || ra.height !== rb.height) { console.log(`DIFF ${path.basename(a)}: size ${ra.width}x${ra.height} vs ${rb.width}x${rb.height}`); continue; }
diff --git a/.claude/skills/svg-icons/scripts/validate.js b/.claude/skills/svg-icons/scripts/validate.js
index e6183970c..bdff773ea 100644
--- a/.claude/skills/svg-icons/scripts/validate.js
+++ b/.claude/skills/svg-icons/scripts/validate.js
@@ -22,13 +22,16 @@ for (const f of files) {
   for (const m of s.matchAll(/\sid="([^"]+)"/g)) if (!m[1].startsWith(stem + '-')) p.push(`id "${m[1]}" not prefixed with "${stem}-"`);
   if (/-(plain|line)(-wordmark)?$/.test(stem)) {
     const n = (s.match(/<path\b/g) || []).length, fills = new Set(s.match(/fill="(?!none)[^"]+"/g) || []);
-    if (n !== 1) p.push(`${n} paths (plain/line need exactly 1)`);
+    const shapes = (s.match(/<(circle|rect|ellipse|polygon|polyline|line|use)\b/g) || []).length;
+    if (n !== 1 || shapes) p.push(`${n} paths${shapes ? ` and ${shapes} other shapes` : ''} (plain/line need exactly 1 path)`);
+    if (/<g\b/.test(s)) p.push('has groups (plain/line need one bare path)');
     if (fills.size > 1) p.push(`${fills.size} fill colours (plain/line need 1)`);
     if (/Gradient|<mask|<clipPath/.test(s)) p.push('gradient/mask/clip in a plain/line version');
   }
   try { // padding/centring from the rendered shapes
     const b = B.unionAll(B.leaves(s).map(l => l.path)).bounds;
     const big = Math.max(b.width, b.height);
+    if (b.left < -0.5 || b.top < -0.5 || b.right > 128.5 || b.bottom > 128.5) p.push(`outside the box (${b.left.toFixed(1)},${b.top.toFixed(1)} to ${b.right.toFixed(1)},${b.bottom.toFixed(1)})`);
     if (big < 127) p.push(`padding: content is ${big.toFixed(1)} wide/high, should fill 128`);
     if (Math.abs(b.center.x - 64) > 1 || Math.abs(b.center.y - 64) > 1) p.push(`not centred (centre ${b.center.x.toFixed(1)},${b.center.y.toFixed(1)})`);
   } catch (e) { p.push('could not parse shapes: ' + e.message.split('\n')[0]); }
diff --git a/.claude/skills/svg-icons/scripts/versions.js b/.claude/skills/svg-icons/scripts/versions.js
index 60feb4da9..84751ab8b 100644
--- a/.claude/skills/svg-icons/scripts/versions.js
+++ b/.claude/skills/svg-icons/scripts/versions.js
@@ -52,7 +52,8 @@ const files = {};
 const col = color || prominent(logo);
 // A logo in one solid colour is already font-ready: its original is a single
 // path (holes wound for the nonzero rule) and plain becomes an alias of it.
-const oneColour = ls => !ls.some(l => l.color.gradient) && new Set(ls.filter(l => !B.isWhite(l.color)).map(l => B.hex(l.color))).size === 1;
+// Not when it has white parts: the original keeps those as white fills.
+const oneColour = ls => !ls.some(l => l.color.gradient || B.isWhite(l.color)) && new Set(ls.filter(l => !B.isWhite(l.color)).map(l => B.hex(l.color))).size === 1;
 const solo = oneColour(logo), soloW = text.length && oneColour([...logo, ...text]);
 const lp = plainOf(logo, B.fitMatrix(B.unionAll(logo.map(l => l.path)).bounds));
 lp.transform(B.fitMatrix(lp.bounds));
diff --git a/AGENTS.md b/AGENTS.md
new file mode 100644
index 000000000..e47b62ba1
--- /dev/null
+++ b/AGENTS.md
@@ -0,0 +1,33 @@
+# AGENTS.md
+
+Guide for AI coding agents working in this repository. (`CLAUDE.md` only imports this file.)
+
+Devicon is a set of icons for programming languages, frameworks and developer tools, shipped as SVG files and an icon font (built with icomoon.io).
+
+The [wiki](https://github.com/devicons/devicon/wiki) is the source of truth for contributing. Link to it rather than copying its rules here, so there's one place to keep up to date.
+
+## Where things are
+
+- `icons/<name>/<name>-<version>.svg`: the icons. One folder per icon.
+- `devicon.json`: every icon's versions, aliases, colour and tags. Kept sorted by `name`.
+- Generated, don't edit by hand: `fonts/`, `devicon.min.css`, `icomoon.json` (all from the build).
+- `.github/workflows/` and `.github/scripts/`: the bots (check, peek, build). Overview: [Our automated tasks and bots](https://github.com/devicons/devicon/wiki/Our-automated-tasks-and-bots).
+- `docs/`: the website, devicon.dev (`npm run dev` serves it at <http://localhost:8000/docs>).
+
+## Icons
+
+- Process: [Overview on Submitting Icons](https://github.com/devicons/devicon/wiki/Overview-on-Submitting-Icons), [Updating an Icon](https://github.com/devicons/devicon/wiki/Updating-an-Icon).
+- Rules: [What Icons Do We Accept?](https://github.com/devicons/devicon/wiki/What-Icons-Do-We-Accept%3F), [SVG Versions](https://github.com/devicons/devicon/wiki/SVG-Versions), [SVG Standards](https://github.com/devicons/devicon/wiki/SVG-Standards), [Naming Conventions](https://github.com/devicons/devicon/wiki/Naming-Conventions), [Updating devicon.json](https://github.com/devicons/devicon/wiki/Updating-%60devicon.json%60).
+- One icon per PR. Titles: `new icon: <name> (<versions>)` or `update icon: <name> (<versions>)`. Other PRs use conventional-commit titles (`fix: …`, `docs: …`); `pr_title.yml` checks them.
+- Skills in `.claude/skills/` (the [Agent Skills](https://agentskills.io) format: a `SKILL.md` with instructions plus scripts; agents without skill support can read `SKILL.md` and run the scripts directly):
+  - `svg-icons`: build, fix, render and validate icon SVGs. Run `npm install` in `.claude/skills/svg-icons/scripts` first.
+  - `devicon-icon-review`: review icon PRs against the wiki and maintainers' review practice.
+- Always render an icon and look at it (light and dark background, small sizes) before calling it done.
+
+## Branches and releases
+
+See [Release strategy](https://github.com/devicons/devicon/wiki/Release-strategy,-conventions,-preparation-and-execution) for which branch PRs target and how releases are built. Fonts are built by the release workflow, not in PRs.
+
+## Posting on GitHub
+
+Only post (comments, reviews, PRs) when asked. Posts made through someone's account should say they were prepared by an AI assistant. Never approve or merge on your own.
diff --git a/CLAUDE.md b/CLAUDE.md
index d3b34176d..43c994c2d 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -1,31 +1 @@
-# CLAUDE.md
-
-Devicon is a set of icons for programming languages, frameworks and developer tools, shipped as SVG files and an icon font (built with icomoon.io).
-
-The [wiki](https://github.com/devicons/devicon/wiki) is the source of truth for contributing. Link to it rather than copying its rules here, so there's one place to keep up to date.
-
-## Where things are
-
-- `icons/<name>/<name>-<version>.svg`: the icons. One folder per icon.
-- `devicon.json`: every icon's versions, aliases, colour and tags. Kept sorted by `name`.
-- Generated, don't edit by hand: `fonts/`, `devicon.min.css`, `icomoon.json` (all from the build).
-- `.github/workflows/` and `.github/scripts/`: the bots (check, peek, build). Overview: [Our automated tasks and bots](https://github.com/devicons/devicon/wiki/Our-automated-tasks-and-bots).
-- `docs/`: the website, devicon.dev (`npm run dev` serves it at http://localhost:8000/docs).
-
-## Icons
-
-- Process: [Overview on Submitting Icons](https://github.com/devicons/devicon/wiki/Overview-on-Submitting-Icons), [Updating an Icon](https://github.com/devicons/devicon/wiki/Updating-an-Icon).
-- Rules: [What Icons Do We Accept?](https://github.com/devicons/devicon/wiki/What-Icons-Do-We-Accept%3F), [SVG Versions](https://github.com/devicons/devicon/wiki/SVG-Versions), [SVG Standards](https://github.com/devicons/devicon/wiki/SVG-Standards), [Naming Conventions](https://github.com/devicons/devicon/wiki/Naming-Conventions), [Updating devicon.json](https://github.com/devicons/devicon/wiki/Updating-%60devicon.json%60).
-- One icon per PR. Titles: `new icon: <name> (<versions>)` or `update icon: <name> (<versions>)`. Other PRs use conventional-commit titles (`fix: …`, `docs: …`); `pr_title.yml` checks them.
-- Skills in `.claude/skills/`:
-  - `svg-icons`: build, fix, render and validate icon SVGs. Run `npm install` in `.claude/skills/svg-icons/scripts` first.
-  - `devicon-icon-review`: review icon PRs against the wiki and maintainers' review practice.
-- Always render an icon and look at it (light and dark background, small sizes) before calling it done.
-
-## Branches and releases
-
-See [Release strategy](https://github.com/devicons/devicon/wiki/Release-strategy,-conventions,-preparation-and-execution) for which branch PRs target and how releases are built. Fonts are built by the release workflow, not in PRs.
-
-## Posting on GitHub
-
-Only post (comments, reviews, PRs) when asked. Posts made through someone's account should say they were prepared by Claude. Never approve or merge on your own.
+@AGENTS.md

From a858353eceaa73917fe82a6ba114bc49a332d83a Mon Sep 17 00:00:00 2001
From: Snailedlt <jorgenkalsnes.hagen@gmail.com>
Date: Sun, 1 Nov 2026 13:30:55 +0100
Subject: [PATCH 04/12] fix: second review round for the icon skills

- check_icon: report null/malformed aliases instead of crashing; reject
  <defs>/<symbol>/<use> in font versions
- prefixIds: also rename ID selectors in <style>
- versions: semi-transparent logos don't take the one-path shortcut
- leaves: warn when group opacity is flattened onto overlapping shapes

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .claude/skills/devicon-icon-review/scripts/check_icon.js | 5 +++--
 .claude/skills/svg-icons/scripts/build.js                | 7 +++++++
 .claude/skills/svg-icons/scripts/versions.js             | 2 +-
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/.claude/skills/devicon-icon-review/scripts/check_icon.js b/.claude/skills/devicon-icon-review/scripts/check_icon.js
index 8c35142ef..84a16e663 100644
--- a/.claude/skills/devicon-icon-review/scripts/check_icon.js
+++ b/.claude/skills/devicon-icon-review/scripts/check_icon.js
@@ -50,10 +50,10 @@ if (fontV.includes('original') && fontV.includes('plain')) warn('both original a
 if (!/^#[0-9a-fA-F]{3}([0-9a-fA-F]{3})?$/.test(entry.color || '')) err(`color "${entry.color}" must be "#rgb" or "#rrggbb"`);
 else if (/^#fff(fff)?$/i.test(entry.color)) warn('color is white: invisible on light backgrounds; use the logo\'s main non-white colour');
 
-const aliases = entry.aliases || [];
+const validAlias = a => a !== null && typeof a === 'object' && !Array.isArray(a) && typeof a.base === 'string' && typeof a.alias === 'string';
+const aliases = (entry.aliases || []).filter(a => { if (validAlias(a)) return true; err(`alias ${JSON.stringify(a)} must be an object {"base": "...", "alias": "..."}`); return false; });
 const aliasNames = new Set();
 for (const a of aliases) {
-  if (typeof a !== 'object' || Array.isArray(a) || typeof a.base !== 'string' || typeof a.alias !== 'string') { err(`alias ${JSON.stringify(a)} must be an object {"base": "...", "alias": "..."}`); continue; }
   if (!ORDER.includes(a.base) || !ORDER.includes(a.alias)) err(`alias ${a.base} -> ${a.alias}: invalid version name`);
   if (a.base === a.alias) err(`alias ${a.base} -> ${a.alias}: base and alias are the same`);
   if (!svgV.includes(a.base)) err(`alias base "${a.base}" is not an existing SVG version`);
@@ -110,6 +110,7 @@ for (const v of svgV) {
   const light = c => { const n = parseInt(c.slice(1), 16); return ((n >> 16) & 255) > 225 && ((n >> 8) & 255) > 225 && (n & 255) > 225; };
   if (fills.length && fills.every(light) && !/fill="url\(/.test(s)) warn(`${rel}: only white/near-white fills (${fills.join(', ')}): looks like the logo's variant for dark backgrounds; use the primary (light-background) version`);
   if (isFont) {
+    if (/<defs\b|<use\b|<symbol\b/.test(s)) err(`${rel}: font versions can't use <defs>, <symbol> or <use>; put the one path in directly`);
     const paths = (s.match(/<path\b/g) || []).length, shapes = (s.match(/<(circle|rect|ellipse|polygon|polyline|line)\b/g) || []).length;
     if (paths !== 1 || shapes) err(`${rel}: font versions need exactly one <path> (found ${paths} paths${shapes ? ` and ${shapes} other shapes` : ''}); unite them`);
     if (/<g\b/.test(s)) err(`${rel}: font versions must not use groups`);
diff --git a/.claude/skills/svg-icons/scripts/build.js b/.claude/skills/svg-icons/scripts/build.js
index 3de652e59..5455656a1 100644
--- a/.claude/skills/svg-icons/scripts/build.js
+++ b/.claude/skills/svg-icons/scripts/build.js
@@ -67,6 +67,10 @@ function leaves(svg) {
     }
   };
   walk(root, null);
+  // Group opacity is multiplied into each leaf: right for shapes that don't
+  // overlap, too dark where they do. Rare in logos, so warn instead of
+  // rebuilding compositing groups.
+  if (out.some(l => l.path.opacity < 1)) console.warn('warning: semi-transparent shapes; check overlaps in the original against the source');
   return out;
 }
 
@@ -197,6 +201,9 @@ function prefixIds(svg, prefix) {
     svg = svg.split(` id="${id}"`).join(` id="${to}"`)
       .split(`url(#${id})`).join(`url(#${to})`)
       .split(`href="#${id}"`).join(`href="#${to}"`);
+    // ID selectors in <style> blocks
+    const sel = new RegExp(`#${id.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')}(?![\\w-])`, 'g');
+    svg = svg.replace(/(<style\b[^>]*>)([\s\S]*?)(<\/style>)/g, (m, a, css, c) => a + css.replace(sel, `#${to}`) + c);
   }
   return svg;
 }
diff --git a/.claude/skills/svg-icons/scripts/versions.js b/.claude/skills/svg-icons/scripts/versions.js
index 84751ab8b..937b120d0 100644
--- a/.claude/skills/svg-icons/scripts/versions.js
+++ b/.claude/skills/svg-icons/scripts/versions.js
@@ -53,7 +53,7 @@ const col = color || prominent(logo);
 // A logo in one solid colour is already font-ready: its original is a single
 // path (holes wound for the nonzero rule) and plain becomes an alias of it.
 // Not when it has white parts: the original keeps those as white fills.
-const oneColour = ls => !ls.some(l => l.color.gradient || B.isWhite(l.color)) && new Set(ls.filter(l => !B.isWhite(l.color)).map(l => B.hex(l.color))).size === 1;
+const oneColour = ls => !ls.some(l => l.color.gradient || B.isWhite(l.color) || l.path.opacity < 1 || l.color.alpha < 1) && new Set(ls.filter(l => !B.isWhite(l.color)).map(l => B.hex(l.color))).size === 1;
 const solo = oneColour(logo), soloW = text.length && oneColour([...logo, ...text]);
 const lp = plainOf(logo, B.fitMatrix(B.unionAll(logo.map(l => l.path)).bounds));
 lp.transform(B.fitMatrix(lp.bounds));

From 00b8aee6970875f83b1d2ba98189b166ed14d0b8 Mon Sep 17 00:00:00 2001
From: Snailedlt <jorgenkalsnes.hagen@gmail.com>
Date: Sun, 1 Nov 2026 13:39:46 +0100
Subject: [PATCH 05/12] docs: svg-icons fixes keep an icon's size unless asked

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .claude/skills/svg-icons/SKILL.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/.claude/skills/svg-icons/SKILL.md b/.claude/skills/svg-icons/SKILL.md
index b30ef4e40..22b1a864d 100644
--- a/.claude/skills/svg-icons/SKILL.md
+++ b/.claude/skills/svg-icons/SKILL.md
@@ -41,6 +41,8 @@ All in `scripts/`, run with `node <script>`:
 5. **Fix and repeat.** Typical fixes are in `references/techniques.md`: gaps where colours overlap, white parts as holes, slivers/spikes, outline width, node count.
 6. **Validate** (`validate.js`) and keep the renders to show the user.
 
+**Fixing an existing icon:** change only what the task needs and keep its size, position and shape (`pixdiff.js` against the input proves it). Other rule breaks you notice, like padding, are worth mentioning with the fix, but leave them unless asked: "looks the same" means the same.
+
 ## What good icon versions look like
 
 These are the rules mature icon sets converge on (devicon maintainers, Nerd Fonts, Iconify); the reasons matter more than the rules:

From 9cd4b66bf8e6fa050929cc4dbdbaf1bd6fe3670c Mon Sep 17 00:00:00 2001
From: Snailedlt <jorgenkalsnes.hagen@gmail.com>
Date: Sun, 1 Nov 2026 13:43:58 +0100
Subject: [PATCH 06/12] refactor: check font versions against an allowlist

Font versions may only have <svg xmlns viewBox> and one <path d fill>;
anything else is reported, instead of listing what isn't allowed.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .../references/devicon-standards.md           |  2 +-
 .../devicon-icon-review/scripts/check_icon.js | 31 ++++++++++++-----
 .claude/skills/svg-icons/SKILL.md             |  2 +-
 .claude/skills/svg-icons/scripts/validate.js  | 33 ++++++++++++++-----
 4 files changed, 50 insertions(+), 18 deletions(-)

diff --git a/.claude/skills/devicon-icon-review/references/devicon-standards.md b/.claude/skills/devicon-icon-review/references/devicon-standards.md
index a05bf7e5b..5db525658 100644
--- a/.claude/skills/devicon-icon-review/references/devicon-standards.md
+++ b/.claude/skills/devicon-icon-review/references/devicon-standards.md
@@ -55,7 +55,7 @@ Contents
 
 Every version listed in `versions.font` becomes a glyph in an icon font, where **all colour is discarded**:
 
-- **Exactly one `<path>`, one fill colour, no groups**, no gradients, clip-paths, masks or filters ([wiki](https://github.com/devicons/devicon/wiki/SVG-Versions), canaleal [#2301](https://github.com/devicons/devicon/pull/2301#issuecomment-2525311988)).
+- **Only `<svg xmlns viewBox>` and one `<path d fill>`**: nothing else (no groups, other shapes, defs, styles, opacity, transforms, gradients, clip-paths, masks or filters), since the font build loses or misreads it ([wiki](https://github.com/devicons/devicon/wiki/SVG-Versions), canaleal [#2301](https://github.com/devicons/devicon/pull/2301#issuecomment-2525311988)).
 - **White is not transparent.** White parts turn into ink and the icon becomes a blob; they must be cut out as holes (Thomas-Boi [#892](https://github.com/devicons/devicon/pull/892#issuecomment-948889487), [#1097](https://github.com/devicons/devicon/pull/1097#issuecomment-1077051443); Finii [#2427](https://github.com/devicons/devicon/pull/2427#issuecomment-2930982922)).
 - **Fill = the entry's `color`.** canaleal's validation report flags missing or different fills ([#2436](https://github.com/devicons/devicon/pull/2436#issuecomment-2975459914)); `#000000` may be omitted (SVG default black) but explicit is preferred.
 - **Holes must work with the nonzero fill rule** that fonts use: holes wound opposite to their outer contour. Even-odd-only holes may fill in the font (Finii [#2290](https://github.com/devicons/devicon/pull/2290#issuecomment-2647523553)).
diff --git a/.claude/skills/devicon-icon-review/scripts/check_icon.js b/.claude/skills/devicon-icon-review/scripts/check_icon.js
index 84a16e663..c8276d9b7 100644
--- a/.claude/skills/devicon-icon-review/scripts/check_icon.js
+++ b/.claude/skills/devicon-icon-review/scripts/check_icon.js
@@ -69,6 +69,27 @@ for (const a of aliases) {
   if (!a.base.endsWith('wordmark') && a.alias.endsWith('wordmark')) note(`alias ${a.base} -> ${a.alias}: only valid if the ${a.base} logo contains the technology's name`);
 }
 
+// Font versions may only contain <svg xmlns viewBox> with one <path d fill>:
+// everything else (groups, other shapes, defs/use, styles, opacity, fill-rule,
+// transforms, ...) is lost or misread by the font build. Returns the problems.
+function fontMarkupProblems(s) {
+  const tags = [...s.matchAll(/<([a-zA-Z][\w:-]*)\b([^>]*?)\/?>/g)].map(m => ({ name: m[1], attrs: [...m[2].matchAll(/([\w:-]+)\s*=/g)].map(a => a[1]) }));
+  const p = [];
+  const extra = tags.filter(t => t.name !== 'svg' && t.name !== 'path').map(t => `<${t.name}>`);
+  const paths = tags.filter(t => t.name === 'path');
+  if (paths.length !== 1) p.push(`${paths.length} <path> elements (exactly 1 allowed)`);
+  if (extra.length) p.push(`other elements: ${[...new Set(extra)].join(', ')}`);
+  const bad = (t, ok) => t.attrs.filter(a => !ok.includes(a));
+  const svgExtra = tags.filter(t => t.name === 'svg').flatMap(t => bad(t, ['xmlns', 'viewBox']));
+  const pathExtra = paths.flatMap(t => bad(t, ['d', 'fill']));
+  if (svgExtra.length) p.push(`<svg> attributes besides xmlns/viewBox: ${svgExtra.join(', ')}`);
+  if (pathExtra.length) p.push(`<path> attributes besides d/fill: ${pathExtra.join(', ')}`);
+  if (/<(?!\/?(svg|path)\b)[!?]/.test(s)) p.push('comments, doctype or XML declaration');
+  const fill = (s.match(/<path\b[^>]*\sfill="([^"]*)"/) || [])[1];
+  if (fill !== undefined && !/^#[0-9a-fA-F]{3}([0-9a-fA-F]{3})?$/.test(fill)) p.push(`fill="${fill}" (needs a #hex colour)`);
+  return p;
+}
+
 // --- files ---
 const dir = path.join(repo, 'icons', name);
 const files = fs.existsSync(dir) ? fs.readdirSync(dir) : [];
@@ -110,17 +131,11 @@ for (const v of svgV) {
   const light = c => { const n = parseInt(c.slice(1), 16); return ((n >> 16) & 255) > 225 && ((n >> 8) & 255) > 225 && (n & 255) > 225; };
   if (fills.length && fills.every(light) && !/fill="url\(/.test(s)) warn(`${rel}: only white/near-white fills (${fills.join(', ')}): looks like the logo's variant for dark backgrounds; use the primary (light-background) version`);
   if (isFont) {
-    if (/<defs\b|<use\b|<symbol\b/.test(s)) err(`${rel}: font versions can't use <defs>, <symbol> or <use>; put the one path in directly`);
-    const paths = (s.match(/<path\b/g) || []).length, shapes = (s.match(/<(circle|rect|ellipse|polygon|polyline|line)\b/g) || []).length;
-    if (paths !== 1 || shapes) err(`${rel}: font versions need exactly one <path> (found ${paths} paths${shapes ? ` and ${shapes} other shapes` : ''}); unite them`);
-    if (/<g\b/.test(s)) err(`${rel}: font versions must not use groups`);
-    if (/Gradient|<clipPath|<mask|<filter/.test(s)) err(`${rel}: font versions can't use gradients, clip-paths, masks or filters`);
-    if (fills.length > 1) err(`${rel}: font versions need one fill colour (found ${fills.join(', ')})`);
-    if (/fill="none"|fill:\s*none/.test(s)) err(`${rel}: fill="none" in a font version: the glyph comes out empty`);
+    // allowlist: only <svg xmlns viewBox> and one <path d fill>
+    for (const m of fontMarkupProblems(s)) err(`${rel}: font versions may only have <svg xmlns viewBox> and one <path d fill>; found ${m}`);
     if (fills.includes('#ffffff')) err(`${rel}: white fill in a font version turns into ink; cut white parts out as holes`);
     if (!fills.length && colour !== '#000000') warn(`${rel}: no fill; expected fill="${entry.color}" (the entry's color)`);
     else if (fills.length === 1 && fills[0] !== colour) warn(`${rel}: fill ${fills[0]} differs from the entry's color ${entry.color}`);
-    if (/fill-rule="evenodd"/.test(s)) note(`${rel}: uses fill-rule="evenodd"; fonts fill with nonzero, so check holes in the peek/icomoon preview`);
   }
 }
 if (!colourSeen && colour && colour !== '#000000') warn(`color ${entry.color} doesn't appear in any of the SVGs: use a colour from the logo`);
diff --git a/.claude/skills/svg-icons/SKILL.md b/.claude/skills/svg-icons/SKILL.md
index 22b1a864d..c3cb808b4 100644
--- a/.claude/skills/svg-icons/SKILL.md
+++ b/.claude/skills/svg-icons/SKILL.md
@@ -27,7 +27,7 @@ All in `scripts/`, run with `node <script>`:
 | `inspect.js <svg>...` | Root attributes, element counts (paths, gradients, strokes, transforms, `<style>`, `<image>`, `<text>`), ids, and every visible shape in paint order with index, colour and bounds. Shape indexes feed `versions.js`. |
 | `versions.js <logo.svg> --name foo --out dir [--logo 6-9] [--text 0-5] [--gap 2.5] [--color '#hex'] [--line-width 4] [--plain-only '#000000'] [--skip line]` | Builds `foo-original`, `foo-plain`, `foo-line` and, with `--text`, the three `-wordmark` versions, fitted to `0 0 128 128`, optimized, ids prefixed, plus `preview.png`. |
 | `optimize.js <svg>... [--out dir]` | SVGO (multipass, 2-decimal precision), id prefixing with the file name, trailing newline. |
-| `validate.js <svg|dir>...` | Checks icon rules (devicon's by default): viewBox, no padding, centred, no strokes/`<image>`/`<text>`/transforms, prefixed ids, trailing newline; `*-plain*`/`*-line*` = exactly one path and one fill. Exit 1 on failure. |
+| `validate.js <svg|dir>...` | Checks icon rules (devicon's by default): viewBox, no padding, centred, no strokes/`<image>`/`<text>`/transforms, prefixed ids, trailing newline; `*-plain*`/`*-line*` = only `<svg xmlns viewBox>` and one `<path d fill>`. Exit 1 on failure. |
 | `pixdiff.js <a> <b>` | Renders two SVGs (or folders) and counts differing pixels — proves an optimization or id rename changed nothing visible. |
 | `trace.js` (library) | `traceMask(png, keep(r,g,b), box)` → potrace path data for one colour of a raster logo. |
 | `build.js` (library) | The geometry toolkit the scripts use: `leaves()` (all visible shapes as global paths), `plainPath()`, `linePath()`, `fitMatrix()`, `optimize()`, `prefixIds()`, … Require it for one-off work (see `references/techniques.md`). |
diff --git a/.claude/skills/svg-icons/scripts/validate.js b/.claude/skills/svg-icons/scripts/validate.js
index bdff773ea..7357cc3c6 100644
--- a/.claude/skills/svg-icons/scripts/validate.js
+++ b/.claude/skills/svg-icons/scripts/validate.js
@@ -1,12 +1,33 @@
 // Checks icon SVGs against common icon-set rules (devicon's by default):
 // viewBox 0 0 128 128, content touching the box (no padding) and centred,
 // no strokes/<image>/<text>/transforms, ids prefixed with the file name,
-// newline at the end; *-plain*/*-line* files: exactly one path, one fill,
-// no gradients/masks. Exit code 1 if anything fails.
+// newline at the end; *-plain*/*-line* files: only <svg xmlns viewBox> and
+// one <path d fill>. Exit code 1 if anything fails.
 //   node validate.js <file.svg|dir>...
 const fs = require('fs'), path = require('path');
 const B = require('./build');
 
+// Font versions may only contain <svg xmlns viewBox> with one <path d fill>:
+// everything else (groups, other shapes, defs/use, styles, opacity, fill-rule,
+// transforms, ...) is lost or misread by the font build. Returns the problems.
+function fontMarkupProblems(s) {
+  const tags = [...s.matchAll(/<([a-zA-Z][\w:-]*)\b([^>]*?)\/?>/g)].map(m => ({ name: m[1], attrs: [...m[2].matchAll(/([\w:-]+)\s*=/g)].map(a => a[1]) }));
+  const p = [];
+  const extra = tags.filter(t => t.name !== 'svg' && t.name !== 'path').map(t => `<${t.name}>`);
+  const paths = tags.filter(t => t.name === 'path');
+  if (paths.length !== 1) p.push(`${paths.length} <path> elements (exactly 1 allowed)`);
+  if (extra.length) p.push(`other elements: ${[...new Set(extra)].join(', ')}`);
+  const bad = (t, ok) => t.attrs.filter(a => !ok.includes(a));
+  const svgExtra = tags.filter(t => t.name === 'svg').flatMap(t => bad(t, ['xmlns', 'viewBox']));
+  const pathExtra = paths.flatMap(t => bad(t, ['d', 'fill']));
+  if (svgExtra.length) p.push(`<svg> attributes besides xmlns/viewBox: ${svgExtra.join(', ')}`);
+  if (pathExtra.length) p.push(`<path> attributes besides d/fill: ${pathExtra.join(', ')}`);
+  if (/<(?!\/?(svg|path)\b)[!?]/.test(s)) p.push('comments, doctype or XML declaration');
+  const fill = (s.match(/<path\b[^>]*\sfill="([^"]*)"/) || [])[1];
+  if (fill !== undefined && !/^#[0-9a-fA-F]{3}([0-9a-fA-F]{3})?$/.test(fill)) p.push(`fill="${fill}" (needs a #hex colour)`);
+  return p;
+}
+
 const files = process.argv.slice(2).flatMap(a => fs.statSync(a).isDirectory()
   ? fs.readdirSync(a).filter(f => f.endsWith('.svg')).map(f => path.join(a, f)) : [a]);
 let bad = 0;
@@ -21,12 +42,8 @@ for (const f of files) {
   if (!s.endsWith('\n')) p.push('no newline at the end');
   for (const m of s.matchAll(/\sid="([^"]+)"/g)) if (!m[1].startsWith(stem + '-')) p.push(`id "${m[1]}" not prefixed with "${stem}-"`);
   if (/-(plain|line)(-wordmark)?$/.test(stem)) {
-    const n = (s.match(/<path\b/g) || []).length, fills = new Set(s.match(/fill="(?!none)[^"]+"/g) || []);
-    const shapes = (s.match(/<(circle|rect|ellipse|polygon|polyline|line|use)\b/g) || []).length;
-    if (n !== 1 || shapes) p.push(`${n} paths${shapes ? ` and ${shapes} other shapes` : ''} (plain/line need exactly 1 path)`);
-    if (/<g\b/.test(s)) p.push('has groups (plain/line need one bare path)');
-    if (fills.size > 1) p.push(`${fills.size} fill colours (plain/line need 1)`);
-    if (/Gradient|<mask|<clipPath/.test(s)) p.push('gradient/mask/clip in a plain/line version');
+    // allowlist: only <svg xmlns viewBox> and one <path d fill>
+    for (const m of fontMarkupProblems(s)) p.push(`plain/line may only have <svg xmlns viewBox> and one <path d fill>; found ${m}`);
   }
   try { // padding/centring from the rendered shapes
     const b = B.unionAll(B.leaves(s).map(l => l.path)).bounds;

From 9ba6cc0e260eb720ec63e4eb7e9dae49404b3df9 Mon Sep 17 00:00:00 2001
From: Snailedlt <jorgenkalsnes.hagen@gmail.com>
Date: Sun, 1 Nov 2026 14:01:47 +0100
Subject: [PATCH 07/12] fix: third review round for the icon skills

- leaves: keep shapes by bounds, not signed area (small units, opposite winding)
- versions: one-colour originals come from the raw shapes, not --gap's smoothing
- check/validate: a font path needs path data
- optimize: keep #hex fills (no SVGO colour names)
- render: escape file names in the preview sheet

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .claude/skills/devicon-icon-review/scripts/check_icon.js | 1 +
 .claude/skills/svg-icons/scripts/build.js                | 6 ++++--
 .claude/skills/svg-icons/scripts/render.js               | 2 +-
 .claude/skills/svg-icons/scripts/validate.js             | 1 +
 .claude/skills/svg-icons/scripts/versions.js             | 6 ++++--
 5 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/.claude/skills/devicon-icon-review/scripts/check_icon.js b/.claude/skills/devicon-icon-review/scripts/check_icon.js
index c8276d9b7..479038db8 100644
--- a/.claude/skills/devicon-icon-review/scripts/check_icon.js
+++ b/.claude/skills/devicon-icon-review/scripts/check_icon.js
@@ -78,6 +78,7 @@ function fontMarkupProblems(s) {
   const extra = tags.filter(t => t.name !== 'svg' && t.name !== 'path').map(t => `<${t.name}>`);
   const paths = tags.filter(t => t.name === 'path');
   if (paths.length !== 1) p.push(`${paths.length} <path> elements (exactly 1 allowed)`);
+  else if (!/<path\b[^>]*\sd="[^"]*[0-9][^"]*"/.test(s)) p.push('a <path> without path data (renders nothing)');
   if (extra.length) p.push(`other elements: ${[...new Set(extra)].join(', ')}`);
   const bad = (t, ok) => t.attrs.filter(a => !ok.includes(a));
   const svgExtra = tags.filter(t => t.name === 'svg').flatMap(t => bad(t, ['xmlns', 'viewBox']));
diff --git a/.claude/skills/svg-icons/scripts/build.js b/.claude/skills/svg-icons/scripts/build.js
index 5455656a1..de35b371f 100644
--- a/.claude/skills/svg-icons/scripts/build.js
+++ b/.claude/skills/svg-icons/scripts/build.js
@@ -56,7 +56,9 @@ function leaves(svg) {
     const add = (p, color) => {
       p.fillColor = color; p.strokeColor = null; p.opacity = item.opacity * op;
       if (clip) { const f = p.fillColor; p = p.intersect(clip, { insert: false }); p.fillColor = f; }
-      if (!p.isEmpty() && Math.abs(p.area) > 0.01) out.push({ path: p, color, raw: color, src: item });
+      // non-empty by bounds, not signed area: that's tiny in small source units
+      // and cancels out for disjoint contours wound opposite ways
+      if (!p.isEmpty() && p.bounds.width > 0 && p.bounds.height > 0) out.push({ path: p, color, raw: color, src: item });
     };
     const fill = item.fillColor;
     if (fill && fill.alpha !== 0) add(base.clone({ insert: false }), fill);
@@ -182,7 +184,7 @@ function ungroup(svg) {
 function optimize(svg, opts = {}) {
   if (!opts.generic) svg = cleanPaperExport(svg);
   return require('svgo').optimize(svg, { multipass: true, floatPrecision: 2,
-    plugins: [{ name: 'preset-default', params: { overrides: { cleanupIds: { minify: true } } } }] }).data;
+    plugins: [{ name: 'preset-default', params: { overrides: { cleanupIds: { minify: true }, convertColors: { shortname: false } } } }] }).data;
 }
 
 // paper.js export leftovers that SVGO keeps: no-op styles and zero-width strokes
diff --git a/.claude/skills/svg-icons/scripts/render.js b/.claude/skills/svg-icons/scripts/render.js
index b2f25f615..fecb2e012 100644
--- a/.claude/skills/svg-icons/scripts/render.js
+++ b/.claude/skills/svg-icons/scripts/render.js
@@ -43,7 +43,7 @@ const panelW = sizes.reduce((a, s) => a + s + pad, pad);
 let body = '', y = 10;
 for (const f of files) {
   const src = load(f);
-  body += `<text x="10" y="${y + 14}" font-family="sans-serif" font-size="13">${path.basename(f)}</text>`;
+  body += `<text x="10" y="${y + 14}" font-family="sans-serif" font-size="13">${path.basename(f).replace(/[<>&"']/g, c => `&#${c.charCodeAt(0)};`)}</text>`;
   [['#ffffff', 10], ['#0d1117', 20 + panelW]].forEach(([bg, x0]) => {
     body += `<rect x="${x0}" y="${y + 22}" width="${panelW}" height="${cell}" fill="${bg}" stroke="#ccc"/>`;
     let x = x0 + pad;
diff --git a/.claude/skills/svg-icons/scripts/validate.js b/.claude/skills/svg-icons/scripts/validate.js
index 7357cc3c6..658165581 100644
--- a/.claude/skills/svg-icons/scripts/validate.js
+++ b/.claude/skills/svg-icons/scripts/validate.js
@@ -16,6 +16,7 @@ function fontMarkupProblems(s) {
   const extra = tags.filter(t => t.name !== 'svg' && t.name !== 'path').map(t => `<${t.name}>`);
   const paths = tags.filter(t => t.name === 'path');
   if (paths.length !== 1) p.push(`${paths.length} <path> elements (exactly 1 allowed)`);
+  else if (!/<path\b[^>]*\sd="[^"]*[0-9][^"]*"/.test(s)) p.push('a <path> without path data (renders nothing)');
   if (extra.length) p.push(`other elements: ${[...new Set(extra)].join(', ')}`);
   const bad = (t, ok) => t.attrs.filter(a => !ok.includes(a));
   const svgExtra = tags.filter(t => t.name === 'svg').flatMap(t => bad(t, ['xmlns', 'viewBox']));
diff --git a/.claude/skills/svg-icons/scripts/versions.js b/.claude/skills/svg-icons/scripts/versions.js
index 937b120d0..c5a5ea87c 100644
--- a/.claude/skills/svg-icons/scripts/versions.js
+++ b/.claude/skills/svg-icons/scripts/versions.js
@@ -57,7 +57,9 @@ const oneColour = ls => !ls.some(l => l.color.gradient || B.isWhite(l.color) ||
 const solo = oneColour(logo), soloW = text.length && oneColour([...logo, ...text]);
 const lp = plainOf(logo, B.fitMatrix(B.unionAll(logo.map(l => l.path)).bounds));
 lp.transform(B.fitMatrix(lp.bounds));
-if (!skip.includes('original')) files.original = solo ? one(lp, prominent(logo)) : originalOf(logo);
+// the one-colour original comes from the raw shapes, untouched by --gap's smoothing
+const rawOf = (ls, m) => { const p = plainOf(ls, m, 0); p.transform(B.fitMatrix(p.bounds)); return p; };
+if (!skip.includes('original')) files.original = solo ? one(rawOf(logo, B.fitMatrix(B.unionAll(logo.map(l => l.path)).bounds)), prominent(logo)) : originalOf(logo);
 if (!skip.includes('plain') && !solo) files.plain = one(lp, col);
 if (!skip.includes('line')) files.line = one(B.linePath(lp, lineWidth), col);
 if (solo) console.log('note: one-colour logo, so original is font-ready: add "original" to versions.font and alias original -> plain');
@@ -70,7 +72,7 @@ if (text.length) {
   const s = B.fitMatrix(plainW.bounds);
   [plainW, lpW, tpW].forEach(p => p.transform(s));
   const wc = wordmarkColor || col;
-  if (!skip.includes('original-wordmark')) files['original-wordmark'] = soloW ? one(plainW, prominent(both)) : originalOf(both);
+  if (!skip.includes('original-wordmark')) files['original-wordmark'] = soloW ? one(rawOf(both, mw), prominent(both)) : originalOf(both);
   if (!skip.includes('plain-wordmark') && !soloW) files['plain-wordmark'] = one(plainW, wc);
   if (soloW) console.log('note: one-colour wordmark: add "original-wordmark" to versions.font and alias original-wordmark -> plain-wordmark');
   if (!skip.includes('line-wordmark')) {

From 37986a9f906f6836bc3b11b0cc3f70d52b72d02b Mon Sep 17 00:00:00 2001
From: Snailedlt <jorgenkalsnes.hagen@gmail.com>
Date: Sun, 1 Nov 2026 19:09:47 +0100
Subject: [PATCH 08/12] feat: share one SVGO config between the icon skills

svgo.config.js follows devicon's SVGOMG guide with precision 3 (lower
precision broke icomoon glyphs in #2380), #hex colours, <style> classes
inlined before the element is dropped and raster images left for
validation to catch.

svg-icons optimizes changed files as the last change, then validates and
renders again. optimize.js --check lets the review flag files that would
shrink by over 20% (or 4 KB); smaller savings are noise from other SVGO
versions. The review also asks for peek screenshots of the latest SVGs.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .claude/skills/devicon-icon-review/SKILL.md   |  4 ++-
 .../references/devicon-standards.md           |  2 +-
 .claude/skills/svg-icons/SKILL.md             |  7 ++--
 .../skills/svg-icons/references/techniques.md |  2 +-
 .claude/skills/svg-icons/scripts/build.js     |  5 ++-
 .claude/skills/svg-icons/scripts/optimize.js  | 20 +++++++++--
 .../skills/svg-icons/scripts/svgo.config.js   | 35 +++++++++++++++++++
 7 files changed, 64 insertions(+), 11 deletions(-)
 create mode 100644 .claude/skills/svg-icons/scripts/svgo.config.js

diff --git a/.claude/skills/devicon-icon-review/SKILL.md b/.claude/skills/devicon-icon-review/SKILL.md
index 6ef021ca0..37084fc87 100644
--- a/.claude/skills/devicon-icon-review/SKILL.md
+++ b/.claude/skills/devicon-icon-review/SKILL.md
@@ -30,11 +30,13 @@ Standards live in `references/devicon-standards.md` (with links to the maintaine
    ```bash
    node .claude/skills/devicon-icon-review/scripts/check_icon.js <name> --repo .
    node .claude/skills/svg-icons/scripts/validate.js icons/<name>
+   node .claude/skills/svg-icons/scripts/optimize.js --check <the SVGs the PR adds or changes>
    node .claude/skills/svg-icons/scripts/render.js icons/<name> --out /tmp/<name>-preview.png
    ```
+   `UNOPTIMIZED` from `--check` is a should-fix (optimizing would shrink the file by over 20%); small savings are noise, don't report them. Only judge the files the PR changes: asking to re-optimize untouched versions widens the PR.
    Then **look at the preview**: blobs (white not cut out), slivers, uneven line widths, things outside the box, off-centre, squished, unreadable at 16px.
 6. **Versions and devicon.json** (§3, §6): original exists; at least one font version; priority original > plain > line; duplicates replaced by aliases; an alias never names an existing font version; `color` = main logo colour and present in the SVGs; order and formatting of the entry.
-7. **Font preview** (§5): read the peek-bot comment's screenshots (download the images and look). Glyph count must equal the number of font versions; check each glyph for spikes, filled holes, missing parts. If peek hasn't run or failed, say so — the maintainer adds `bot:peek`.
+7. **Font preview** (§5): read the peek-bot comment's screenshots (download the images and look). Glyph count must equal the number of font versions; check each glyph for spikes, filled holes, missing parts. The screenshots must be from the PR's latest SVG change: optimizing can break glyphs (§5), so a peek from before an optimizing push proves nothing. If peek hasn't run on the latest SVGs or failed, say so — a maintainer adds `bot:peek` to (re)run it.
 8. **Write the review** (format below). Offer fixed SVGs or `devicon.json` suggestions when the fix is mechanical; you can usually produce them with the svg-icons scripts.
 
 ## Review format
diff --git a/.claude/skills/devicon-icon-review/references/devicon-standards.md b/.claude/skills/devicon-icon-review/references/devicon-standards.md
index 5db525658..112308c7f 100644
--- a/.claude/skills/devicon-icon-review/references/devicon-standards.md
+++ b/.claude/skills/devicon-icon-review/references/devicon-standards.md
@@ -45,7 +45,7 @@ Contents
 
 - **`viewBox="0 0 128 128"`** exactly — no offsets (`663 37 128 128` is wrong, [#2556](https://github.com/devicons/devicon/pull/2556#issuecomment-3376536384)), no `width`/`height`.
 - **No padding**: scaled proportionally until the longer side is 128 (top–bottom or left–right touches the edges, [#2343](https://github.com/devicons/devicon/pull/2343#issuecomment-2641737246)); nothing outside the box (128.005 gets flagged, [#2090](https://github.com/devicons/devicon/pull/2090#issuecomment-1960301828)); **centred** on both axes; **aspect ratio kept** (squished logos get rejected, [#1926](https://github.com/devicons/devicon/pull/1926#discussion_r1370458696)). Zero padding was adopted on cyberalien's (Iconify) advice so icons scale crisply ([#1537](https://github.com/devicons/devicon/pull/1537#issuecomment-1322651792)).
-- **Optimized**: SVGO/SVGOMG with multipass and every option except "Remove xmlns", "Round/rewrite number lists" and "Replace duplicate elements with links" ([guide](https://github.com/devicons/devicon/issues/1279#issuecomment-1195433256), [wiki](https://github.com/devicons/devicon/wiki/Optimizing-icons)). Then **one line, plus an empty line at the end** ([#2221](https://github.com/devicons/devicon/pull/2221#discussion_r1693924712), [#2404](https://github.com/devicons/devicon/pull/2404#discussion_r2109620969)).
+- **Optimized**: SVGO/SVGOMG with multipass and every option except "Remove xmlns", "Round/rewrite number lists" and "Replace duplicate elements with links" ([guide](https://github.com/devicons/devicon/issues/1279#issuecomment-1195433256), [wiki](https://github.com/devicons/devicon/wiki/Optimizing-icons)). The svg-icons skill's `svgo.config.js` is these settings as an SVGO config (precision 3; `optimize.js --check` compares a file against it). Then **one line, plus an empty line at the end** ([#2221](https://github.com/devicons/devicon/pull/2221#discussion_r1693924712), [#2404](https://github.com/devicons/devicon/pull/2404#discussion_r2109620969)).
 - **Minimal markup**: needed are `xmlns`, `viewBox` and fills ([#2264](https://github.com/devicons/devicon/pull/2264#discussion_r2135248195)). Remove `<style>` (inline as `fill` attributes), classes, ids that aren't referenced, `style="…"`, `xml:space`, editor metadata, `version`, `fill="none"` leftovers, `currentColor`, unused groups.
 - **No strokes** (convert stroke to path — icomoon ignores strokes and renders them empty, [#2246](https://github.com/devicons/devicon/pull/2246#discussion_r1718161755)); **no `<text>`** (convert to paths); **no opacity tricks** (faded paths, [#1557](https://github.com/devicons/devicon/pull/1557#discussion_r1038740182)). The check-bot only enforces strokes on font versions, but clean originals are preferred.
 - **IDs prefixed with the file name** (`kotlin-original-a`) so inline SVGs on one page don't clash ([#2608](https://github.com/devicons/devicon/issues/2608)). The planned build step prefixes them after merge, so a missing prefix is a notice, not a blocker.
diff --git a/.claude/skills/svg-icons/SKILL.md b/.claude/skills/svg-icons/SKILL.md
index c3cb808b4..17fb493aa 100644
--- a/.claude/skills/svg-icons/SKILL.md
+++ b/.claude/skills/svg-icons/SKILL.md
@@ -26,7 +26,7 @@ All in `scripts/`, run with `node <script>`:
 | `render.js <svg|dir>... [--out p.png] [--sizes 128,32,16] [--zoom x,y,w,h] [--big]` | PNG preview: each SVG on light and dark backgrounds at several sizes. `--zoom` crops to a region of the viewBox to inspect details; `--big` renders one 600px image per file. Then **Read the PNG**. |
 | `inspect.js <svg>...` | Root attributes, element counts (paths, gradients, strokes, transforms, `<style>`, `<image>`, `<text>`), ids, and every visible shape in paint order with index, colour and bounds. Shape indexes feed `versions.js`. |
 | `versions.js <logo.svg> --name foo --out dir [--logo 6-9] [--text 0-5] [--gap 2.5] [--color '#hex'] [--line-width 4] [--plain-only '#000000'] [--skip line]` | Builds `foo-original`, `foo-plain`, `foo-line` and, with `--text`, the three `-wordmark` versions, fitted to `0 0 128 128`, optimized, ids prefixed, plus `preview.png`. |
-| `optimize.js <svg>... [--out dir]` | SVGO (multipass, 2-decimal precision), id prefixing with the file name, trailing newline. |
+| `optimize.js <svg>... [--out dir] [--check]` | SVGO with `svgo.config.js` (devicon's SVGOMG settings: multipass, 3 decimals), id prefixing with the file name, trailing newline. `--check` changes nothing and flags files that optimizing would shrink a lot (for reviews). |
 | `validate.js <svg|dir>...` | Checks icon rules (devicon's by default): viewBox, no padding, centred, no strokes/`<image>`/`<text>`/transforms, prefixed ids, trailing newline; `*-plain*`/`*-line*` = only `<svg xmlns viewBox>` and one `<path d fill>`. Exit 1 on failure. |
 | `pixdiff.js <a> <b>` | Renders two SVGs (or folders) and counts differing pixels — proves an optimization or id rename changed nothing visible. |
 | `trace.js` (library) | `traceMask(png, keep(r,g,b), box)` → potrace path data for one colour of a raster logo. |
@@ -39,7 +39,8 @@ All in `scripts/`, run with `node <script>`:
 3. **Build** versions (`versions.js`), or hand-build the hard parts with `build.js` (see techniques).
 4. **Render and look** at `preview.png`. Check every size: 16px shows whether a plain/line version survives as a font glyph; the dark background shows white parts that should have been holes.
 5. **Fix and repeat.** Typical fixes are in `references/techniques.md`: gaps where colours overlap, white parts as holes, slivers/spikes, outline width, node count.
-6. **Validate** (`validate.js`) and keep the renders to show the user.
+6. **Optimize last**, once, and only the files you made or changed (`optimize.js`; `versions.js` output already is). Optimizing is the last step that changes the files, but not the last check: SVGO can merge paths or round away detail.
+7. **Validate** (`validate.js`), render again (or `pixdiff.js` against the unoptimized files) and keep the renders to show the user. For icon fonts, also check a font preview after optimizing (devicon's peek-bot runs on the PR): SVGO output sometimes breaks glyphs that looked fine as SVGs.
 
 **Fixing an existing icon:** change only what the task needs and keep its size, position and shape (`pixdiff.js` against the input proves it). Other rule breaks you notice, like padding, are worth mentioning with the fix, but leave them unless asked: "looks the same" means the same.
 
@@ -52,7 +53,7 @@ These are the rules mature icon sets converge on (devicon maintainers, Nerd Font
 - **Plain = one colour + transparency, one path.** Icon fonts throw colour away: every filled area becomes the same ink. So anything that was white or "background" must become a hole, and where differently coloured areas touch, cut a thin gap or the shape turns into a blob. Use the logo's main colour.
 - **Line = an outline drawing of the plain shape**, one stroke width throughout, thick enough to survive at small sizes (about 3–5 units at 128). Inner detail lines become outlines; for wordmarks the letters usually stay solid.
 - **Simple geometry.** Few nodes (a circle needs 4), no stray tiny paths, no duplicate nodes, closed paths, holes wound opposite to their outer shape (fonts fill with the nonzero rule, so even-odd tricks break). Keep files small — huge paths (hundreds of KB) break font builds.
-- **Clean markup.** Only `xmlns`, `viewBox` and fills; no `width`/`height`, `<style>`, classes, editor metadata, strokes (convert to paths), `<text>` (convert to paths), raster `<image>`, clip-paths/masks in one-colour versions. Single line, newline at the end. Optimize once — repeated SVGO passes degrade outlines, and too-low precision causes artifacts.
+- **Clean markup.** Only `xmlns`, `viewBox` and fills; no `width`/`height`, `<style>`, classes, editor metadata, strokes (convert to paths), `<text>` (convert to paths), raster `<image>`, clip-paths/masks in one-colour versions. Single line, newline at the end. Optimize once, as the last change: repeated SVGO runs degrade outlines, and too-low precision causes artifacts.
 
 ## Showing results
 
diff --git a/.claude/skills/svg-icons/references/techniques.md b/.claude/skills/svg-icons/references/techniques.md
index b46580c46..1a1617663 100644
--- a/.claude/skills/svg-icons/references/techniques.md
+++ b/.claude/skills/svg-icons/references/techniques.md
@@ -80,7 +80,7 @@ If the logo is a symbol on a coloured tile (app-icon style), the original keeps
 
 - **Slivers and spikes** after cutting gaps at an angle: morphological opening — shrink by ~1 unit and grow back with round joins (`plainPath` does this whenever `gap` is set). Look at zoomed renders (`render.js --zoom`) of every acute corner.
 - **Filled gaps / missing holes in the font** but not in the SVG: winding direction. `pathSvg()` reorients (outer clockwise, holes counter-clockwise); for hand-made paths, reorient before export.
-- **Artifacts only after optimization**: precision too low or path compression the font tool misreads. Re-optimize from the unoptimized file with more precision (3–4 decimals) or without `convertPathData`, then re-check the font preview.
+- **Artifacts only after optimization**: precision too low or path compression the font tool misreads. Re-optimize from the unoptimized file with more precision (4 decimals instead of `svgo.config.js`'s 3) or without `convertPathData`, then re-check the font preview.
 - **Stray "smudges"**: tiny paths or 3-node blobs left from tracing/merging. Inspect shapes by area (`inspect.js`) and delete the tiny ones.
 - **Duplicate nodes at the same coordinates**: usually harmless; breaking apart and recombining paths removes most.
 - **Something outside the box**: re-fit with `fitMatrix` on the true bounds; check that no shape (including invisible ones) extends the bounds.
diff --git a/.claude/skills/svg-icons/scripts/build.js b/.claude/skills/svg-icons/scripts/build.js
index de35b371f..a91801f50 100644
--- a/.claude/skills/svg-icons/scripts/build.js
+++ b/.claude/skills/svg-icons/scripts/build.js
@@ -178,13 +178,12 @@ function ungroup(svg) {
   return `${m[1]}${body}</svg>`;
 }
 
-// SVGO (as the wiki asks), keeping ids readable for the file-name prefix.
+// SVGO with svgo.config.js (devicon's SVGOMG settings); prefix the ids after.
 // opts.generic: an arbitrary SVG (optimize.js), so skip cleanPaperExport; it's
 // only safe on paper.js's flat output, where no attribute is inherited.
 function optimize(svg, opts = {}) {
   if (!opts.generic) svg = cleanPaperExport(svg);
-  return require('svgo').optimize(svg, { multipass: true, floatPrecision: 2,
-    plugins: [{ name: 'preset-default', params: { overrides: { cleanupIds: { minify: true }, convertColors: { shortname: false } } } }] }).data;
+  return require('svgo').optimize(svg, require('./svgo.config')).data;
 }
 
 // paper.js export leftovers that SVGO keeps: no-op styles and zero-width strokes
diff --git a/.claude/skills/svg-icons/scripts/optimize.js b/.claude/skills/svg-icons/scripts/optimize.js
index 2a1ff1db9..74626362a 100644
--- a/.claude/skills/svg-icons/scripts/optimize.js
+++ b/.claude/skills/svg-icons/scripts/optimize.js
@@ -1,18 +1,34 @@
-// Optimizes SVGs with SVGO (multipass, 2-decimal precision), prefixes ids with
-// the file name ("name-version-a") and ends the file with a newline.
+// Optimizes SVGs with SVGO (svgo.config.js), prefixes ids with the file name
+// ("name-version-a") and ends the file with a newline.
 //   node optimize.js <file.svg>... [--out dir]   (in place without --out)
+//   node optimize.js --check <file.svg>...       (review: change nothing)
+// --check reports files that optimizing would shrink by more than 20% (and
+// 500 bytes) or 4 KB, and exits 1 if there are any. Smaller differences are
+// noise: an icon optimized with another SVGO version or SVGOMG still shrinks
+// a little.
 const fs = require('fs'), path = require('path');
 const B = require('./build');
 
 const args = process.argv.slice(2);
 const i = args.indexOf('--out');
 const outDir = i >= 0 ? args.splice(i, 2)[1] : null;
+const c = args.indexOf('--check');
+const check = c >= 0 && !!args.splice(c, 1);
+let unoptimized = 0;
 for (const f of args) {
   const before = fs.readFileSync(f, 'utf8');
   const stem = path.basename(f, '.svg');
   const after = B.prefixIds(B.optimize(before, { generic: true }), stem).trim() + '\n';
+  const saved = before.length - after.length, pct = Math.round(100 * saved / before.length);
+  if (check) {
+    const bad = (pct > 20 && saved > 500) || saved > 4096;
+    if (bad) unoptimized++;
+    console.log(`${bad ? 'UNOPTIMIZED' : 'ok'} ${f}: optimizing would save ${saved} bytes (${pct}%)`);
+    continue;
+  }
   const o = outDir ? path.join(outDir, path.basename(f)) : f;
   if (outDir) fs.mkdirSync(outDir, { recursive: true });
   fs.writeFileSync(o, after);
   console.log(`${o}: ${before.length} -> ${after.length} bytes`);
 }
+if (unoptimized) process.exit(1);
diff --git a/.claude/skills/svg-icons/scripts/svgo.config.js b/.claude/skills/svg-icons/scripts/svgo.config.js
new file mode 100644
index 000000000..20c6e7106
--- /dev/null
+++ b/.claude/skills/svg-icons/scripts/svgo.config.js
@@ -0,0 +1,35 @@
+// The one SVGO config for making and reviewing icons (svg-icons optimizes with
+// it, devicon-icon-review checks against it). It follows devicon's SVGOMG
+// guide (wiki "Optimizing icons": multipass, every feature except "Remove
+// xmlns", "Round/rewrite number lists" and "Replace duplicate elements with
+// links"), with these choices:
+// - precision 3, SVGOMG's default: lower precision gives icomoon glyph
+//   artifacts (devicons/devicon#2380)
+// - colours stay #hex (devicon validation rejects names like "red")
+// - <style> classes are inlined even when used more than once, so dropping
+//   the <style> element can't lose colours
+// - raster <image>s are kept: validation should fail on them instead of the
+//   icon silently coming out blank
+// - xlink:href stays (older renderers)
+// SVGO can still break a font glyph, so check font versions with a font
+// preview (devicon's peek-bot) after optimizing.
+module.exports = {
+  multipass: true,
+  floatPrecision: 3,
+  plugins: [
+    { name: 'preset-default', params: { overrides: {
+      removeViewBox: false,
+      inlineStyles: { onlyMatchedOnce: false },
+      convertColors: { shortname: false },
+      // short ids; the scripts then prefix them with the file name
+      cleanupIds: { minify: true },
+    } } },
+    'removeDimensions',
+    'removeStyleElement',
+    'convertStyleToAttrs',
+    'removeScriptElement',
+    'removeOffCanvasPaths',
+    'convertOneStopGradients',
+    { name: 'removeAttrs', params: { attrs: 'svg:(x|y)' } },
+  ],
+};

From 2c4a1ff58705c89c1dcdc02072e4e3158a3d4d6e Mon Sep 17 00:00:00 2001
From: Snailedlt <jorgenkalsnes.hagen@gmail.com>
Date: Sun, 1 Nov 2026 19:43:17 +0100
Subject: [PATCH 09/12] fix: flag small unoptimized icons too

optimize.js --check needed 500 saved bytes, which let small unoptimized
files through (41% on a 1 KB icon). 200 bytes still keeps re-optimized
files out. The drizzle review eval now also expects the review to flag
the unoptimized SVG.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .../graders/08-flags-unoptimized.md                        | 7 +++++++
 .claude/skills/svg-icons/scripts/optimize.js               | 4 ++--
 2 files changed, 9 insertions(+), 2 deletions(-)
 create mode 100644 .claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/graders/08-flags-unoptimized.md

diff --git a/.claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/graders/08-flags-unoptimized.md b/.claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/graders/08-flags-unoptimized.md
new file mode 100644
index 000000000..6659c640c
--- /dev/null
+++ b/.claude/skills/devicon-icon-review/evals/review-drizzle-pr-snapshot/graders/08-flags-unoptimized.md
@@ -0,0 +1,7 @@
+---
+type: llm
+focus: trace
+weight: 1
+---
+
+review.md flags that drizzle-original.svg is not optimized and says to run it through SVGO/SVGOMG
diff --git a/.claude/skills/svg-icons/scripts/optimize.js b/.claude/skills/svg-icons/scripts/optimize.js
index 74626362a..6ab0af661 100644
--- a/.claude/skills/svg-icons/scripts/optimize.js
+++ b/.claude/skills/svg-icons/scripts/optimize.js
@@ -3,7 +3,7 @@
 //   node optimize.js <file.svg>... [--out dir]   (in place without --out)
 //   node optimize.js --check <file.svg>...       (review: change nothing)
 // --check reports files that optimizing would shrink by more than 20% (and
-// 500 bytes) or 4 KB, and exits 1 if there are any. Smaller differences are
+// 200 bytes) or 4 KB, and exits 1 if there are any. Smaller differences are
 // noise: an icon optimized with another SVGO version or SVGOMG still shrinks
 // a little.
 const fs = require('fs'), path = require('path');
@@ -21,7 +21,7 @@ for (const f of args) {
   const after = B.prefixIds(B.optimize(before, { generic: true }), stem).trim() + '\n';
   const saved = before.length - after.length, pct = Math.round(100 * saved / before.length);
   if (check) {
-    const bad = (pct > 20 && saved > 500) || saved > 4096;
+    const bad = (pct > 20 && saved > 200) || saved > 4096;
     if (bad) unoptimized++;
     console.log(`${bad ? 'UNOPTIMIZED' : 'ok'} ${f}: optimizing would save ${saved} bytes (${pct}%)`);
     continue;

From ced7d644a17e129edf398be5ef3f4cc1ca5835fe Mon Sep 17 00:00:00 2001
From: Snailedlt <jorgenkalsnes.hagen@gmail.com>
Date: Mon, 2 Nov 2026 01:29:55 +0100
Subject: [PATCH 10/12] fix: colour names, gradients and light cutouts in
 versions.js

- convert colour names to hex before paper.js imports the SVG; paper
  resolves names through a canvas, which is a stub here, so "black"
  came out as #aN
- move gradient points with the fit in originals (they kept the
  source's coordinates)
- add --holes for light artwork on a tile, which isn't white enough to
  become holes in plain/line

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .claude/skills/svg-icons/SKILL.md                 |  2 +-
 .claude/skills/svg-icons/references/techniques.md |  2 +-
 .claude/skills/svg-icons/scripts/build.js         |  7 +++++--
 .claude/skills/svg-icons/scripts/versions.js      | 14 ++++++++++----
 4 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/.claude/skills/svg-icons/SKILL.md b/.claude/skills/svg-icons/SKILL.md
index 17fb493aa..f940716a8 100644
--- a/.claude/skills/svg-icons/SKILL.md
+++ b/.claude/skills/svg-icons/SKILL.md
@@ -25,7 +25,7 @@ All in `scripts/`, run with `node <script>`:
 |---|---|
 | `render.js <svg|dir>... [--out p.png] [--sizes 128,32,16] [--zoom x,y,w,h] [--big]` | PNG preview: each SVG on light and dark backgrounds at several sizes. `--zoom` crops to a region of the viewBox to inspect details; `--big` renders one 600px image per file. Then **Read the PNG**. |
 | `inspect.js <svg>...` | Root attributes, element counts (paths, gradients, strokes, transforms, `<style>`, `<image>`, `<text>`), ids, and every visible shape in paint order with index, colour and bounds. Shape indexes feed `versions.js`. |
-| `versions.js <logo.svg> --name foo --out dir [--logo 6-9] [--text 0-5] [--gap 2.5] [--color '#hex'] [--line-width 4] [--plain-only '#000000'] [--skip line]` | Builds `foo-original`, `foo-plain`, `foo-line` and, with `--text`, the three `-wordmark` versions, fitted to `0 0 128 128`, optimized, ids prefixed, plus `preview.png`. |
+| `versions.js <logo.svg> --name foo --out dir [--logo 6-9] [--text 0-5] [--gap 2.5] [--color '#hex'] [--line-width 4] [--plain-only '#000000'] [--holes '#hex,...'] [--skip line]` | Builds `foo-original`, `foo-plain`, `foo-line` and, with `--text`, the three `-wordmark` versions, fitted to `0 0 128 128`, optimized, ids prefixed, plus `preview.png`. White shapes become holes in plain/line; `--holes` adds other colours (light artwork on a tile). Gradients in the original move with the fit. |
 | `optimize.js <svg>... [--out dir] [--check]` | SVGO with `svgo.config.js` (devicon's SVGOMG settings: multipass, 3 decimals), id prefixing with the file name, trailing newline. `--check` changes nothing and flags files that optimizing would shrink a lot (for reviews). |
 | `validate.js <svg|dir>...` | Checks icon rules (devicon's by default): viewBox, no padding, centred, no strokes/`<image>`/`<text>`/transforms, prefixed ids, trailing newline; `*-plain*`/`*-line*` = only `<svg xmlns viewBox>` and one `<path d fill>`. Exit 1 on failure. |
 | `pixdiff.js <a> <b>` | Renders two SVGs (or folders) and counts differing pixels — proves an optimization or id rename changed nothing visible. |
diff --git a/.claude/skills/svg-icons/references/techniques.md b/.claude/skills/svg-icons/references/techniques.md
index 1a1617663..4bd405c0e 100644
--- a/.claude/skills/svg-icons/references/techniques.md
+++ b/.claude/skills/svg-icons/references/techniques.md
@@ -67,7 +67,7 @@ Simplify: remove tiny details that vanish at 32px, merge near-duplicate lines, a
 
 ## 6. Logos on a tile or background
 
-If the logo is a symbol on a coloured tile (app-icon style), the original keeps the tile. For plain, keep the tile and cut the symbol out of it (the plain icon then looks like the original on a dark background) — or, if the brand uses the bare symbol, use that. Don't fill a transparent area with a background colour; users choose their own background.
+If the logo is a symbol on a coloured tile (app-icon style), the original keeps the tile. For plain, keep the tile and cut the symbol out of it (the plain icon then looks like the original on a dark background; `versions.js` does this for white symbols, and `--holes '#hex'` for light ones like `#e7f8ff`) — or, if the brand uses the bare symbol, use that. Don't fill a transparent area with a background colour; users choose their own background.
 
 ## 7. Raster-only logos
 
diff --git a/.claude/skills/svg-icons/scripts/build.js b/.claude/skills/svg-icons/scripts/build.js
index a91801f50..faf0e8fac 100644
--- a/.claude/skills/svg-icons/scripts/build.js
+++ b/.claude/skills/svg-icons/scripts/build.js
@@ -17,9 +17,12 @@ function colorOf(c) {
 
 // Visible shapes in paint order, as global-coordinate paths with a colour.
 function leaves(svg) {
-  // paper ignores <style> rules: inline them as attributes first
+  // paper ignores <style> rules: inline them as attributes first. Colour names
+  // become hex: paper resolves names through a canvas, which is a stub here
+  // ("black" would come out as NaN)
   svg = require('svgo').optimize(svg, { plugins: [
-    { name: 'inlineStyles', params: { onlyMatchedOnce: false } }, 'convertStyleToAttrs', 'removeTitle', 'removeDesc',
+    { name: 'inlineStyles', params: { onlyMatchedOnce: false } }, 'convertStyleToAttrs',
+    { name: 'convertColors', params: { names2hex: true, rgb2hex: true, shorthex: false, shortname: false, currentColor: false } }, 'removeTitle', 'removeDesc',
     'removeMetadata', 'removeEditorsNSData', 'removeXMLProcInst', 'removeComments', 'convertShapeToPath'] }).data;
   // paper can't parse compact arc flags ("a1 1 0 0130 4"): turn arcs into curves
   const svgpath = require('svgpath');
diff --git a/.claude/skills/svg-icons/scripts/versions.js b/.claude/skills/svg-icons/scripts/versions.js
index c5a5ea87c..bb154b023 100644
--- a/.claude/skills/svg-icons/scripts/versions.js
+++ b/.claude/skills/svg-icons/scripts/versions.js
@@ -13,6 +13,8 @@
 //     [--wordmark-color '#hex']
 //     [--line-width 4]     outline width of line versions (128 units)
 //     [--plain-only '#000000']  build plain/line from shapes of this colour only
+//     [--holes '#e7f8ff,...']   shapes of these colours become holes in plain/line
+//                          (like white ones; for light artwork on a tile)
 //     [--skip line,plain-wordmark]
 // Writes <name>-<version>.svg files and preview.png into --out.
 const fs = require('fs'), path = require('path');
@@ -26,6 +28,7 @@ const name = opt('--name'), outDir = opt('--out', '.');
 const logoIdx = range(opt('--logo')), textIdx = range(opt('--text'));
 const gap = Number(opt('--gap', 0)), color = opt('--color'), wordmarkColor = opt('--wordmark-color');
 const lineWidth = Number(opt('--line-width', 4)), plainOnly = opt('--plain-only');
+const holes = (opt('--holes', '') || '').split(',').map(s => s.trim().toLowerCase()).filter(Boolean);
 const skip = (opt('--skip', '') || '').split(',');
 const src = args[0];
 if (!src || !name) { console.error('usage: node versions.js <logo.svg> --name foo --out dir [options]'); process.exit(1); }
@@ -34,17 +37,20 @@ const all = B.leaves(fs.readFileSync(src, 'utf8'));
 const logo = all.filter((l, i) => logoIdx ? logoIdx.includes(i) : !(textIdx || []).includes(i));
 const text = textIdx ? all.filter((l, i) => textIdx.includes(i)) : [];
 const clone = (p, m) => { const c = p.clone({ insert: false }); if (m) c.transform(m); return c; };
-const plainOf = (ls, m, g = gap) => B.plainPath(ls.filter(l => !plainOnly || B.hex(l.color) === plainOnly).map(l => ({ ...l, path: clone(l.path, m) })), { gap: g });
+const isHole = l => B.isWhite(l.color) || holes.includes(B.hex(l.color));
+const plainOf = (ls, m, g = gap) => B.plainPath(ls.filter(l => !plainOnly || B.hex(l.color) === plainOnly).map(l => ({ ...l, path: clone(l.path, m) })), { gap: g, cutout: isHole });
 const one = (p, c) => B.optimize(B.pathSvg(p, c));
 const prominent = ls => {
   const area = {};
-  for (const l of ls) if (!B.isWhite(l.color)) { const h = B.hex(l.color); area[h] = (area[h] || 0) + Math.abs(l.path.area); }
+  for (const l of ls) if (!isHole(l)) { const h = B.hex(l.color); area[h] = (area[h] || 0) + Math.abs(l.path.area); }
   return Object.entries(area).sort((a, b) => b[1] - a[1])[0][0];
 };
 const originalOf = ls => {
   const m = B.fitMatrix(B.unionAll(ls.map(l => l.path)).bounds);
   paper.project.clear();
-  const g = new paper.Group(ls.map(l => { const p = clone(l.path, m); p.fillColor = l.path.fillColor; return p; }));
+  // gradients are in the source's coordinates: move their points with the shape
+  const fillOf = c => c && c.gradient ? new paper.Color({ gradient: c.gradient, origin: m.transform(c.origin), destination: m.transform(c.destination), highlight: c.highlight ? m.transform(c.highlight) : undefined }) : c;
+  const g = new paper.Group(ls.map(l => { const p = clone(l.path, m); p.fillColor = fillOf(l.path.fillColor); return p; }));
   return B.optimize(B.svgDoc(g.exportSVG({ asString: true, precision: 3 }).replace(/ xmlns="[^"]*"/g, '')));
 };
 
@@ -53,7 +59,7 @@ const col = color || prominent(logo);
 // A logo in one solid colour is already font-ready: its original is a single
 // path (holes wound for the nonzero rule) and plain becomes an alias of it.
 // Not when it has white parts: the original keeps those as white fills.
-const oneColour = ls => !ls.some(l => l.color.gradient || B.isWhite(l.color) || l.path.opacity < 1 || l.color.alpha < 1) && new Set(ls.filter(l => !B.isWhite(l.color)).map(l => B.hex(l.color))).size === 1;
+const oneColour = ls => !ls.some(l => l.color.gradient || isHole(l) || l.path.opacity < 1 || l.color.alpha < 1) && new Set(ls.filter(l => !B.isWhite(l.color)).map(l => B.hex(l.color))).size === 1;
 const solo = oneColour(logo), soloW = text.length && oneColour([...logo, ...text]);
 const lp = plainOf(logo, B.fitMatrix(B.unionAll(logo.map(l => l.path)).bounds));
 lp.transform(B.fitMatrix(lp.bounds));

From fe0c5f6dd3261265e151b876b375c6d75c3495be Mon Sep 17 00:00:00 2001
From: Snailedlt <jorgenkalsnes.hagen@gmail.com>
Date: Mon, 2 Nov 2026 02:54:11 +0100
Subject: [PATCH 11/12] fix: close open filled subpaths before boolean
 operations

SVG fills an open subpath as if it were closed, but paper.js drops its
last segment in unite/subtract, so a rounded corner drawn last became a
straight cut (seen on Power BI's tallest bar).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .claude/skills/svg-icons/scripts/build.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/.claude/skills/svg-icons/scripts/build.js b/.claude/skills/svg-icons/scripts/build.js
index faf0e8fac..0c5a8adc7 100644
--- a/.claude/skills/svg-icons/scripts/build.js
+++ b/.claude/skills/svg-icons/scripts/build.js
@@ -64,7 +64,10 @@ function leaves(svg) {
       if (!p.isEmpty() && p.bounds.width > 0 && p.bounds.height > 0) out.push({ path: p, color, raw: color, src: item });
     };
     const fill = item.fillColor;
-    if (fill && fill.alpha !== 0) add(base.clone({ insert: false }), fill);
+    // SVG fills open subpaths as if closed; paper's boolean ops drop the last
+    // segment of an open one, so close them (strokes stay as drawn)
+    const closed = p => { (p.children || [p]).forEach(c => { if (!c.closed) c.closePath(1e-6); }); return p; };
+    if (fill && fill.alpha !== 0) add(closed(base.clone({ insert: false })), fill);
     if (item.strokeColor && item.strokeWidth > 0 && item.strokeColor.alpha !== 0) {
       const w = item.strokeWidth * Math.sqrt(Math.abs(item.parent.globalMatrix.scaling.x * item.parent.globalMatrix.scaling.y));
       const s = PaperOffset.offsetStroke(base, w / 2, { cap: item.strokeCap || 'butt', join: item.strokeJoin || 'miter', insert: false });

From 84976163c06ff7edf2fe7f4fb02426b3edd5c6c2 Mon Sep 17 00:00:00 2001
From: Snailedlt <jorgenkalsnes.hagen@gmail.com>
Date: Mon, 2 Nov 2026 03:17:54 +0100
Subject: [PATCH 12/12] feat: flag hex colours that can be written short

check_icon.js warns about #rrggbb colours (entry and SVGs) that fit #rgb; the docs ask for short hex.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .../devicon-icon-review/references/devicon-standards.md       | 2 +-
 .claude/skills/devicon-icon-review/scripts/check_icon.js      | 4 ++++
 .claude/skills/svg-icons/SKILL.md                             | 2 +-
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/.claude/skills/devicon-icon-review/references/devicon-standards.md b/.claude/skills/devicon-icon-review/references/devicon-standards.md
index 112308c7f..16b6cb354 100644
--- a/.claude/skills/devicon-icon-review/references/devicon-standards.md
+++ b/.claude/skills/devicon-icon-review/references/devicon-standards.md
@@ -82,7 +82,7 @@ Every version listed in `versions.font` becomes a glyph in an icon font, where *
 - **Sorted by `name`**; the file's formatting kept (4-space indentation, arrays one item per line, no trailing commas — don't let a formatter rewrite the file, [#1465](https://github.com/devicons/devicon/pull/1465#issuecomment-1287950577), [#2726](https://github.com/devicons/devicon/pull/2726#discussion_r4241951876)).
 - **`versions.svg`** lists exactly the SVG files in the folder; **`versions.font`** only those that are font-ready; order `original, original-wordmark, plain, plain-wordmark, line, line-wordmark` ([#2488](https://github.com/devicons/devicon/pull/2488#issuecomment-3066715324)).
 - **`aliases`** are font classes: an alias must not name an existing font version (an SVG of that name is fine, e.g. Babel's multi-colour `original` with a `plain → original` alias for the font); `base` must be an existing font version; one object per alias (no arrays); never alias across style (plain → line) or from non-wordmark to wordmark without the name; base ≠ alias. Flowchart (lunatic-fox [#1788](https://github.com/devicons/devicon/pull/1788#discussion_r1225886328)): `original → plain`, `original → line`, `original → original-wordmark → plain-wordmark / line-wordmark`.
-- **`color`**: the logo's main colour, or the primary colour from the brand guidelines; must appear in the icon; for gradients the dominant/middle colour; not GitHub Linguist's colour; avoid pure white ([#1393](https://github.com/devicons/devicon/pull/1393#issuecomment-1261984651), [#1450](https://github.com/devicons/devicon/pull/1450#discussion_r995986304), [#1457](https://github.com/devicons/devicon/pull/1457#discussion_r996288194), [#2021](https://github.com/devicons/devicon/pull/2021#discussion_r1398515635)).
+- **`color`**: the logo's main colour, or the primary colour from the brand guidelines; written short when possible (`#000`, `#c33`, not `#000000`, `#cc3333`), as in the SVGs; must appear in the icon; for gradients the dominant/middle colour; not GitHub Linguist's colour; avoid pure white ([#1393](https://github.com/devicons/devicon/pull/1393#issuecomment-1261984651), [#1450](https://github.com/devicons/devicon/pull/1450#discussion_r995986304), [#1457](https://github.com/devicons/devicon/pull/1457#discussion_r996288194), [#2021](https://github.com/devicons/devicon/pull/2021#discussion_r1398515635)).
 - **`tags`**: reuse existing tags; avoid catch-alls like "utility".
 
 ## 7. Process and PR scope
diff --git a/.claude/skills/devicon-icon-review/scripts/check_icon.js b/.claude/skills/devicon-icon-review/scripts/check_icon.js
index 479038db8..2d1bcad30 100644
--- a/.claude/skills/devicon-icon-review/scripts/check_icon.js
+++ b/.claude/skills/devicon-icon-review/scripts/check_icon.js
@@ -49,6 +49,8 @@ if (!fontV.length) err('versions.font is empty: at least one font-ready version
 if (fontV.includes('original') && fontV.includes('plain')) warn('both original and plain are font versions: if plain is just the original in one colour, remove it and alias instead');
 if (!/^#[0-9a-fA-F]{3}([0-9a-fA-F]{3})?$/.test(entry.color || '')) err(`color "${entry.color}" must be "#rgb" or "#rrggbb"`);
 else if (/^#fff(fff)?$/i.test(entry.color)) warn('color is white: invisible on light backgrounds; use the logo\'s main non-white colour');
+const short = c => c.replace(/^#([0-9a-f])\1([0-9a-f])\2([0-9a-f])\3$/i, '#$1$2$3');
+if (entry.color && short(entry.color) !== entry.color) warn(`color "${entry.color}" can be shortened to "${short(entry.color)}"`);
 
 const validAlias = a => a !== null && typeof a === 'object' && !Array.isArray(a) && typeof a.base === 'string' && typeof a.alias === 'string';
 const aliases = (entry.aliases || []).filter(a => { if (validAlias(a)) return true; err(`alias ${JSON.stringify(a)} must be an object {"base": "...", "alias": "..."}`); return false; });
@@ -121,6 +123,8 @@ for (const v of svgV) {
   if (/\sstyle="/.test(s)) warn(`${rel}: has style="..." attributes; use plain attributes`);
   if (/transform=/.test(s)) warn(`${rel}: has transforms; bake them into the paths (SVGO does most)`);
   if (/(sodipodi|inkscape):|xml:space|<metadata|data-name=/.test(s)) warn(`${rel}: editor leftovers (sodipodi/inkscape/xml:space/metadata/data-name); optimize with SVGO`);
+  const longHex = [...new Set([...s.matchAll(/#[0-9a-f]{6}\b/gi)].map(m => m[0]).filter(c => short(c) !== c))];
+  if (longHex.length) warn(`${rel}: shorten ${longHex.join(', ')} to ${longHex.map(short).join(', ')} (SVGO does this)`);
   if (/opacity="(0?\.\d+|0)"/.test(s)) warn(`${rel}: uses opacity; faded paths render wrongly in the font and are usually a tracing leftover`);
   if (s.trimEnd().split('\n').length > 1) warn(`${rel}: should be optimized onto a single line`);
   if (!s.endsWith('\n')) warn(`${rel}: add an empty line at the end of the file`);
diff --git a/.claude/skills/svg-icons/SKILL.md b/.claude/skills/svg-icons/SKILL.md
index f940716a8..9ca447dba 100644
--- a/.claude/skills/svg-icons/SKILL.md
+++ b/.claude/skills/svg-icons/SKILL.md
@@ -53,7 +53,7 @@ These are the rules mature icon sets converge on (devicon maintainers, Nerd Font
 - **Plain = one colour + transparency, one path.** Icon fonts throw colour away: every filled area becomes the same ink. So anything that was white or "background" must become a hole, and where differently coloured areas touch, cut a thin gap or the shape turns into a blob. Use the logo's main colour.
 - **Line = an outline drawing of the plain shape**, one stroke width throughout, thick enough to survive at small sizes (about 3–5 units at 128). Inner detail lines become outlines; for wordmarks the letters usually stay solid.
 - **Simple geometry.** Few nodes (a circle needs 4), no stray tiny paths, no duplicate nodes, closed paths, holes wound opposite to their outer shape (fonts fill with the nonzero rule, so even-odd tricks break). Keep files small — huge paths (hundreds of KB) break font builds.
-- **Clean markup.** Only `xmlns`, `viewBox` and fills; no `width`/`height`, `<style>`, classes, editor metadata, strokes (convert to paths), `<text>` (convert to paths), raster `<image>`, clip-paths/masks in one-colour versions. Single line, newline at the end. Optimize once, as the last change: repeated SVGO runs degrade outlines, and too-low precision causes artifacts.
+- **Clean markup.** Only `xmlns`, `viewBox` and fills, with hex colours written short when possible (`#000`, not `#000000`; SVGO does this, so don't hand-edit colours back in after optimizing); no `width`/`height`, `<style>`, classes, editor metadata, strokes (convert to paths), `<text>` (convert to paths), raster `<image>`, clip-paths/masks in one-colour versions. Single line, newline at the end. Optimize once, as the last change: repeated SVGO runs degrade outlines, and too-low precision causes artifacts.
 
 ## Showing results