Agent Skillskazdenc/regen-icons › regen-icons

regen-icons

GitHub

用于在 Regen Icons 仓库中创建或优化图标,支持通过 JSON 绘图语言和 SVG 编译器进行几何编辑、添加新图标及完善生成工作流。

generator/.dev/SKILL.md kazdenc/regen-icons

Trigger Scenarios

需要创建新的图标 修改现有图标的几何形状 维护 Regen Icons 库的图标资源

Install

npx skills add kazdenc/regen-icons --skill regen-icons -g -y
More Options

Non-standard path

npx skills add https://github.com/kazdenc/regen-icons/tree/main/generator/.dev -g -y

Use without installing

npx skills use kazdenc/regen-icons@regen-icons

指定 Agent (Claude Code)

npx skills add kazdenc/regen-icons --skill regen-icons -a claude-code -g -y

安装 repo 全部 skill

npx skills add kazdenc/regen-icons --all -g -y

预览 repo 内 skill

npx skills add kazdenc/regen-icons --list

SKILL.md

Frontmatter
{
    "name": "regen-icons",
    "description": "Create or refine Regen Icons with its JSON drawing language and SVG compiler, matching the existing family. Use for additions, geometry edits, and icon-generation workflow work in the Regen Icons repository."
}

Regen Icons

Locate the repository root containing .dev/scripts/build-icons.mjs and docs/spec.md from the current checkout. If invoked elsewhere, use the repository location supplied by the user; do not create a substitute icon system. Commands below run from the repository root.

Read docs/spec.md before drawing. It is the canonical authoring and visual-review guide; the compiler embeds it in exported icons.md and the package README. Read the spec export in .dev/scripts/build-icons.mjs when changing validation or numeric defaults. The guide distinguishes enforced construction rules from optical advice. Keep style lessons there instead of copying them into this skill or generated files.

Search src/ for an existing name or keyword. After building, dist/icons.json also provides a compiled catalog for keyword and category search. Choose a nearby construction from the guide's reference table and inspect its JSON and rendered appearance. Reuse an existing icon when it already satisfies the task. Write or edit canonical src/<name>.icon.json; preserve names and metadata when refining. Do not hand-edit generated SVG/React files or import another icon library's paths into this family.

Validate one source with node .dev/scripts/build-icons.mjs --check src/<name>.icon.json. Then compare it with named neighbours using:

node .dev/scripts/preview.mjs <name> <neighbour> --matrix --html-only

Open dist/preview.html with the available browser tool and inspect actual sizes in both themes, all weights and available forms, controls and text rows. Omit --html-only for the script's Playwright PNG renderer. Use --grid separately for enlarged join inspection. A generated screenshot is not a review: look at it. For refinements, keep a baseline outside the generated output directory, which the build replaces. Retain a trial only when the comparison supports it; record visual limits when browser review is unavailable. Balance notes alone do not justify edits.

After accepting geometry, run pnpm test from the repository root; the test command rebuilds the package and checks the authoring/export workflow. Keep publication and deployment within the user's requested scope. A successful build is implementation evidence, not recognition research or customer validation.

Version History

  • 64c0e16 Current 2026-09-21 23:52

Metadata

Files
0
Version
64c0e16
Hash
4c5a74fc
Indexed
2026-09-21 23:52

Accueil - Wiki
Copyright © 2011-2026 iteam. Current version is 2.155.2. UTC+08:00, 2026-09-22 00:29
浙ICP备14020137号-1