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

regen-icons

GitHub

用于在 Regen Icons 仓库中创建或优化图标,通过编写 JSON 并运行编译器生成 SVG。涵盖图标设计、几何编辑及工作流验证,确保符合规范并与现有家族风格一致。

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

Trigger Scenarios

需要创建新的图标资源 对现有图标进行几何调整或样式优化 执行图标构建和视觉审查流程

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-10-19 06:59
浙ICP备14020137号-1