Agent Skills › kazdenc/regen-icons › regen-icons

regen-icons

GitHub

用于在 Regen Icons 仓库中创建或优化图标,通过 JSON 绘图语言和 SVG 编译器生成符合规范、风格一致的图标资产。

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

触发场景

需要创建新图标 需要修改现有图标几何形状 进行图标生成工作流操作

安装

npx skills add kazdenc/regen-icons --skill regen-icons -g -y
更多选项

非标准路径

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

不安装直接使用

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.

版本历史

  • 64c0e16 当前 2026-09-21 23:52

元信息

文件数
0
版本
64c0e16
Hash
4c5a74fc
收录时间
2026-09-21 23:52

首页 - Wiki
Copyright © 2011-2026 iteam. Current version is 2.155.2. UTC+08:00, 2026-10-13 06:17
浙ICP备14020137号-1