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-22 00:48
浙ICP备14020137号-1