技能 chrome-extension-icons

📦

chrome-extension-icons

v1.0.0 内容修订 r1 安全 🌐 网络访问📁 文件系统访问⚡ 包含脚本⚙️ 外部命令🔑 环境变量

生成 Chrome 扩展图标

Chrome 扩展需要多个尺寸正确的 PNG 图标和 manifest 条目。此技能会搜索 Iconify、转换 SVG 资源，并使用所需的图标路径更新 manifest.json。

支持: Claude Codex Code(CC)

使用我的智能体安装

将此请求复制给你的智能体，其中包含权威 Skill 页面和清单。

智能体请求

Review the Skillstore skill "chrome-extension-icons" from https://skillstore.io/skills/boulea7-chrome-extension-icons.md and its manifest at https://skillstore.io/api/skills/boulea7-chrome-extension-icons/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

你的智能体仍应展示其计划，并按安全策略请求必要确认。

Agent 可读资源

当 AI Agent、爬虫或脚本需要干净上下文，而不是读取完整页面时，请使用这些链接。

Markdown 详情 GET /skills/boulea7-chrome-extension-icons.md 已签名 manifest GET /api/skills/boulea7-chrome-extension-icons/manifest 已签名 lockfile GET /api/skills/boulea7-chrome-extension-icons/lockfile

测试它

正在使用“chrome-extension-icons”。为我的扩展生成一个日历图标。

预期结果:

找到了一个匹配的 Iconify 日历图标及其预览链接。
生成了 icon16.png、icon32.png、icon48.png 和 icon128.png。
已使用新的图标路径更新 manifest.json。

正在使用“chrome-extension-icons”。将我的 logo.svg 转换为扩展图标。

预期结果:

读取了本地 SVG 文件。
创建了四种 Chrome 扩展 PNG 尺寸。
更新了 manifest 图标配置。

正在使用“chrome-extension-icons”。为 Project A、Project B 和 Project C 创建图标。

预期结果:

为所有项目构建了批量配置。
为每个项目文件夹生成了图标。
报告了每次 manifest 更新的成功或失败状态。

安全审计

安全

v11 • 2026/7/9 打开版本化报告

Most static findings are false positives caused by Markdown examples and JavaScript template literals. Confirmed risks are expected outbound Iconify network access, user-path filesystem writes for icon generation and manifest updates, and one sudo package installation instruction in troubleshooting documentation.

4

已扫描文件

1,486

分析行数

10

复核项

0

已忽略误报

能力复核项 (10)

这些是真实的本地能力，对此技能可能是预期行为，因此需要复核，但不会按已确认恶意行为计分。

高

sudo privilege escalation

sudo apt-get install libvips-dev

The skill documentation instructs users to run sudo apt-get install libvips-dev for troubleshooting. Elevated package installation is a real privileged operation even if it is disclosed.

中

scripts/generate-icons.js:172

Node.js fs operations

const buffer = await fs.readFile(filePath);

The script reads and writes user-supplied SVG, output, manifest, and batch configuration paths. This filesystem access is core functionality but can overwrite files when paths are wrong.

中

scripts/generate-icons.js:209

Node.js fs operations

await fs.mkdir(outputDir, { recursive: true });

The script reads and writes user-supplied SVG, output, manifest, and batch configuration paths. This filesystem access is core functionality but can overwrite files when paths are wrong.

中

scripts/generate-icons.js:258

Node.js fs operations

const content = await fs.readFile(manifestPath, 'utf-8');

The script reads and writes user-supplied SVG, output, manifest, and batch configuration paths. This filesystem access is core functionality but can overwrite files when paths are wrong.

中

scripts/generate-icons.js:292

Node.js fs operations

await fs.writeFile(

The script reads and writes user-supplied SVG, output, manifest, and batch configuration paths. This filesystem access is core functionality but can overwrite files when paths are wrong.

中

scripts/generate-icons.js:377

Node.js fs operations

const configContent = await fs.readFile(configPath, 'utf-8');

The script reads and writes user-supplied SVG, output, manifest, and batch configuration paths. This filesystem access is core functionality but can overwrite files when paths are wrong.

低

scripts/generate-icons.js:100

Hardcoded URL

const url = `https://api.iconify.design/search?query=${encodeURIComponent(keyword)}&limit=${limit}`;

The script makes deliberate outbound requests to Iconify endpoints to search and download SVG assets. This is expected for the skill, but it is real network activity users should understand.

低

scripts/generate-icons.js:118

Hardcoded URL

downloadUrl: `https://api.iconify.design/${prefix}/${name}.svg`,

The script makes deliberate outbound requests to Iconify endpoints to search and download SVG assets. This is expected for the skill, but it is real network activity users should understand.

低

scripts/generate-icons.js:119

Hardcoded URL

previewUrl: `https://icon-sets.iconify.design/${prefix}/icons/${name}.html`

The script makes deliberate outbound requests to Iconify endpoints to search and download SVG assets. This is expected for the skill, but it is real network activity users should understand.

低

scripts/generate-icons.js:144

Hardcoded URL

let url = `https://api.iconify.design/${prefix}/${name}.svg`;

The script makes deliberate outbound requests to Iconify endpoints to search and download SVG assets. This is expected for the skill, but it is real network activity users should understand.

风险因素

🌐 网络访问 (21)

📁 文件系统访问 (45)

examples/usage.md:16 examples/usage.md:36 examples/usage.md:69 examples/usage.md:80 examples/usage.md:133 examples/usage.md:157 examples/usage.md:217 examples/usage.md:254 examples/usage.md:264 examples/usage.md:16 examples/usage.md:36 examples/usage.md:69 examples/usage.md:80 examples/usage.md:133 examples/usage.md:157 examples/usage.md:217 examples/usage.md:254 examples/usage.md:264 scripts/generate-icons.js:172 scripts/generate-icons.js:209 scripts/generate-icons.js:258 scripts/generate-icons.js:292 scripts/generate-icons.js:377 scripts/generate-icons.js:230 scripts/generate-icons.js:384 SKILL.md:30 SKILL.md:61 SKILL.md:69 SKILL.md:134 SKILL.md:153 SKILL.md:161 SKILL.md:200 SKILL.md:263 SKILL.md:269 SKILL.md:275 SKILL.md:30 SKILL.md:61 SKILL.md:69 SKILL.md:134 SKILL.md:153 SKILL.md:161 SKILL.md:200 SKILL.md:263 SKILL.md:269 SKILL.md:275

⚡ 包含脚本 (1)

scripts/generate-icons.js:26

⚙️ 外部命令 (50)

scripts/generate-icons.js:55 scripts/generate-icons.js:60 scripts/generate-icons.js:78 scripts/generate-icons.js:88 scripts/generate-icons.js:98 scripts/generate-icons.js:100 scripts/generate-icons.js:118 scripts/generate-icons.js:119 scripts/generate-icons.js:129 scripts/generate-icons.js:144 scripts/generate-icons.js:149 scripts/generate-icons.js:150 scripts/generate-icons.js:153 scripts/generate-icons.js:157 scripts/generate-icons.js:160 scripts/generate-icons.js:169 scripts/generate-icons.js:173 scripts/generate-icons.js:176 scripts/generate-icons.js:191 scripts/generate-icons.js:192 scripts/generate-icons.js:206 scripts/generate-icons.js:219 scripts/generate-icons.js:232 scripts/generate-icons.js:240 scripts/generate-icons.js:252 scripts/generate-icons.js:271 scripts/generate-icons.js:279 scripts/generate-icons.js:298 scripts/generate-icons.js:331 scripts/generate-icons.js:332 scripts/generate-icons.js:365 scripts/generate-icons.js:366 scripts/generate-icons.js:375 scripts/generate-icons.js:384 scripts/generate-icons.js:390 scripts/generate-icons.js:392 scripts/generate-icons.js:422 scripts/generate-icons.js:435 scripts/generate-icons.js:436 scripts/generate-icons.js:441 scripts/generate-icons.js:485-526 scripts/generate-icons.js:552 scripts/generate-icons.js:556 scripts/generate-icons.js:557 scripts/generate-icons.js:560 scripts/generate-icons.js:561 scripts/generate-icons.js:564 scripts/generate-icons.js:567 scripts/generate-icons.js:579 scripts/generate-icons.js:601

🔑 环境变量 (2)

scripts/generate-icons.js:607 scripts/generate-icons.js:607

审计者: claude 查看审计历史 →

分享与引用此报告

分享版本化评估报告、中性徽章、嵌入卡片和引用。Skillstore 只报告证据，不判断该 Skill 是否安全。

打开版本化报告

安全评估

复制报告链接

https://skillstore.io/skills/boulea7-chrome-extension-icons/audits/11?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown 徽章

[![Skillstore security assessment](https://skillstore.io/badges/skills/boulea7-chrome-extension-icons/security.svg)](https://skillstore.io/skills/boulea7-chrome-extension-icons?utm_source=security_passport_badge)

HTML 徽章

<a href="https://skillstore.io/skills/boulea7-chrome-extension-icons?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/boulea7-chrome-extension-icons/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

嵌入卡片

<iframe src="https://skillstore.io/embed/skills/boulea7-chrome-extension-icons.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

学术引用 (APA · BibTeX · CFF)

APA 引用

Boulea7. (2026). chrome-extension-icons security audit report (audit version 11) [Author version 1.0.0]. Skillstore. https://skillstore.io/skills/boulea7-chrome-extension-icons/audits/11

BibTeX 引用

@techreport{boulea7-boulea7-chrome-extension-icons-2026,
  author = {Boulea7},
  title = {chrome-extension-icons security audit report (audit version 11)},
  institution = {Skillstore},
  year = {2026},
  number = {11},
  url = {https://skillstore.io/skills/boulea7-chrome-extension-icons/audits/11},
  note = {Author version 1.0.0}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "chrome-extension-icons security audit report (audit version 11)"
version: "1.0.0"
type: report
authors:
  - name: "Boulea7"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/boulea7-chrome-extension-icons/audits/11"
identifiers:
  - type: other
    value: "skillstore:boulea7-chrome-extension-icons:audit:11"
    description: "Skillstore immutable audit report identifier"

Skillstore 评分

评分依据证据置信度: 高

45

架构

100

可维护性

85

内容

70

社区

83

规范符合性

你能构建什么

为新扩展创建图标

生成所有必需的 PNG 图标尺寸，并将它们添加到新的或现有的 manifest.json 文件中。

转换品牌 logo

将本地 SVG logo 转换为带透明 PNG 输出的 Chrome 扩展图标资源。

更新多个项目图标

使用批量配置一次性为多个扩展项目生成图标集。

试试这些提示

生成基础图标

为我的 Chrome 扩展生成一个日历图标并更新 manifest.json。

使用品牌颜色

找一个 home 图标，把它改成 #2563eb，保存到 ./icons，并更新我的 manifest。

转换我的 SVG logo

将 ./logo.svg 转换为 Chrome 扩展图标尺寸，并将它们接入 ./manifest.json。

批量处理多个扩展

使用批量配置为三个扩展文件夹创建图标，然后总结哪些项目成功了。

最佳实践

在生成文件之前预览选定的 Iconify 图标。
在写入文件之前确认输出路径和 manifest 路径。
在替换原始 SVG 或图标文件之前，将它们保留在源代码管理中。

避免

不要在没有明确批准的情况下运行特权依赖安装命令。
不要在未检查现有图标文件的情况下生成到共享目录。
不要假设复杂的多色 SVG 文件能够干净地重新着色。

常见问题

此技能需要互联网访问吗？

是的，搜索和 Iconify 生成会连接 Iconify 服务。本地 SVG 转换可以在没有 Iconify 访问权限的情况下工作。

它会创建哪些图标尺寸？

默认情况下，它会创建 16x16、32x32、48x48 和 128x128 的 PNG 文件。

它可以自动更新 manifest.json 吗？

可以。它可以创建或更新 icons 字段，并在存在 action.default_icon 时更新它。

我可以使用自己的 SVG 文件吗？

可以。convert 命令会读取本地 SVG 文件并导出所需的 PNG 尺寸。

它可以更改图标颜色吗？

它可以替换简单的填充颜色。复杂渐变和多色 SVG 文件可能需要手动编辑。

运行之前我应该检查什么？

检查选定的预览、输出目录、manifest 路径，以及现有图标文件是否可能被覆盖。

开发者详情

作者

许可证

MIT

作者版本

v1.0.0

Skillstore 修订

r1

仓库

https://github.com/Boulea7/ChromeExtensionIconsSkill/tree/main/skill/

引用

3e4b6c31a74a3bd1a291c98cf585d720cb9fbc88

维护新鲜度

2026/7/25

使用量

8 次下载 · 200 次浏览

文件结构

📄 generate-icons.js

📄 package.json

req-change-workflow

规范需求变更工作流

由 yunshu0909

需求变更常常超出原定范围，并带来不明确的回归风险。此技能为 Claude、Codex 和 Claude Code 提供一套带关卡的工作流，用于范围界定、影响审查、验证和决策记录。

编码与开发查看

browser-extension-builder

使用 MV3 构建浏览器扩展

由 sickn33

浏览器扩展项目经常失败，是因为权限、manifest 和运行时边界令人困惑。此技能可指导 Claude、Codex 和 Claude Code 处理 MV3 架构、内容脚本、存储、UI 和发布选择。

编码与开发查看

professional-senior-chrome-extension-architect-developer

构建安全的 Chrome 扩展程序

由 DYAI2025

Chrome 扩展程序团队需要安全的 Manifest V3 架构、权限和审核支持。此技能指导 Claude、Codex 和 Claude Code 完成安全设计、实现、测试和发布任务。

编码与开发查看

Plugin Structure

构建 Claude Code 插件结构

由 anthropics

插件作者在添加 commands、agents、skills、hooks 或 MCP servers 之前，需要一个可靠的结构。此技能说明预期布局、manifest 字段、命名规则和可移植路径模式。

pptx-prep

在生成 PPTX 前准备演示材料

由 xiaomengbi520

当源材料缺失时，演示文稿生成器经常会编造姓名、照片、数据和徽标。此技能会先检查需求，收集决策，并生成一份 manifest，以便更干净地生成 PPTX。

办公与报告查看

invalid-governance-skill

验证 Skill 治理规则

由 yaojingang

Skill 市场需要可靠的检查来拒绝无效提交。此测试夹具提供了一个已知的治理失败案例，用于测试验证器和审核工作流。