跳转到使用指南
theSVG作者 glincker

theSVG Skill.

以项目所需的形式获取现有品牌标识或服务图标。

  • 品牌资源
  • SVG
  • 云架构图
来源审查 · theSVGSKILL.md
任务 品牌资源 产出 • 经核实的所请求品牌 slug 和变体选项。 • 适合目标用途、可直接使用的 SVG URL 或原始标记代码。 • 适当情况下提供权利提醒和品牌缺失时的后备方案。 开始之前 需要通过网络访问注册表或 CDN。对于简单的 URL 获取,React、CLI、Figma 和 MCP 集成只是可选接口,并非前置条件。
编辑摘要 · 已于 2026-10-07 审查来源 · 非生成示例

01 功能说明

查找品牌 SVG,无需猜测资源路径

一种基于注册表的品牌资源获取工作流,提供可预测的 SVG 端点、变体选择、集成形式和权利提醒。

基于来源的工作流并非执行基准测试

工作方式

theSVG 是一项用于获取指定品牌、框架和云服务资源的技能。它使用注册表将品牌名称或别名解析为 slug,检查可用变体,并返回 CDN URL、原始 SVG 或特定于集成的形式。它不是用于设计新徽标或选择通用菜单图标的工具。

来源区分了自动获取资源与在面向用户的页面中嵌入 URL,并建议代理请求使用 jsDelivr 端点。它还清楚呈现许可边界:仓库的 MIT 许可证并不会免除各品牌标识所受的商标限制。应在注册表中检查每项请求的资源,而不能依赖来源宣传的资源库规模。

预期交付成果

  • 经核实的所请求品牌 slug 和变体选项。
  • 适合目标用途、可直接使用的 SVG URL 或原始标记代码。
  • 适当情况下提供权利提醒和品牌缺失时的后备方案。
查看示例简报

从简报到审查

  1. 01
    解析品牌

    使用标题和别名在注册表中查找所请求的名称,不要凭空编造文件路径。

  2. 02
    选择可用变体

    根据背景和使用场景匹配列出的变体;如果首选版本不存在,则回退到默认版本。

  3. 03
    返回正确形式

    根据项目现有集成方式,提供 Markdown 或 HTML 嵌入形式、SVG 标记代码,或已记录的 React/CLI 形式。

  4. 04
    审查使用权

    检查商业使用的品牌指南,并保留任何针对特定资源的限制。

02 适用场景

适用场景

需要通过网络访问注册表或 CDN。对于简单的 URL 获取,React、CLI、Figma 和 MCP 集成只是可选接口,并非前置条件。

适合的场景

  • 集成页面适合为受支持的集成汇集真实的品牌标识。
  • 云架构图可按图中的作用对 AWS、Azure 或 GCP 服务图标 URL 进行分组。
  • 文档资源可为 README 文件或技术指南中的框架和公司徽标提供一致的获取方式。

需要检查的限制

  • 不适用于通用 UI 图标箭头、尖角符号和菜单符号应来自 UI 图标库,而不是这个品牌注册表。
  • 不等同于商标许可审查品牌标识仍归各自的权利人所有。代码许可证并不代表可以修改这些标识或将其组合成新的品牌形象。

请提供以下输入

  • 确切的品牌或服务提供产品、框架、公司或云服务的名称。
  • 目标格式指定 HTML、Markdown、React、原始 SVG 或架构图。
  • 背景和变体提供浅色/深色背景信息,并说明需要图形标志还是文字标志。

03 关键决策

关键决策

  1. 先查注册表,再做推测

    检查可用变体,可避免得到看似合理却无法返回资源的 URL。

  2. 交付形式与使用方匹配

    代理获取标记代码和页面嵌入图像可以使用不同端点,而底层标识保持不变。

  3. 资源权利单独处理

    来源明确区分了软件许可与商标及云图标的使用条件。

04 示例任务

尝试一份聚焦的简报

以下示例简报尚未经过测试。使用前请检查该技能的设置。

审查设置

查看仓库中的技能安装说明。文档所述的 npx @thesvg/cli add 命令用于添加图标资源,并非技能安装命令。

上游源文件
https://github.com/glincker/thesvg/blob/0ea4d44764ab73c8500382711736f97cba50afc8/skills/thesvg/SKILL.md

需要通过网络访问注册表或 CDN。对于简单的 URL 获取,React、CLI、Figma 和 MCP 集成只是可选接口,并非前置条件。

从一项交付成果开始

运行该技能前,请根据需要调整此简报的范围、来源材料和约束。

示例简报
使用 thesvg 获取 GitHub、Stripe、AWS Lambda 和 AWS S3 的注册表资源,用于浅色背景的集成架构图。确认每个 slug 和可用变体,返回分组后的 SVG URL 和描述性替代文本,并标明品牌使用限制。不要重新着色或扭曲这些标识。

检查结果

根据这些可观察的标准检查实际输出。

  • 请求的每个 slug 和变体都存在于注册表中。
  • 资源在所要求的背景上保持清晰可辨。
  • 交付内容不得暗示 MIT 授予对所有商标的使用权。

OpenDesign 为编码代理提供本地设计工作区。此条目并不表示该技能已内置,也不表示其中包含该技能所需的外部工具、凭据和软件依赖项。

05 来源与许可证

来源和许可证

本页面描述的是下方链接所指向的固定来源修订版本。上游行为和要求可能会发生变化。

来源所有者
glincker
许可证
MIT
审查的快照
2026-10-07 · 0ea4d44764ab
编辑来源摘要
一种基于注册表的品牌资源获取工作流,提供可预测的 SVG 端点、变体选择、集成形式和权利提醒。

由 OpenDesign 根据链接的来源撰写的原创摘要。仓库星标数只是带有时间属性的受欢迎程度信号,并不代表技能使用量或质量评分。

06 开始前的问题

开始前的问题

它能创建自定义徽标吗?

不能。它获取现有的指定品牌和云服务资源;徽标设计工作流属于另一项任务。

它能为深色背景返回白色徽标吗?

它可以选择合适的已列出变体,但如果该变体不存在,应如实回退。

因为仓库采用 MIT,所以所有 SVG 都可以自由编辑吗?

不能。来源警告称,商标仍受各自使用规则的约束,并明确说明 AWS 架构图标另有禁止演绎作品的条款。

OpenDesign

为下一轮设计迭代留出空间。

在本地工作区中集中管理简报、来源材料和设计工作。将该技能加入工作流之前,请检查其自身的设置。

上游源文件
https://github.com/glincker/thesvg/blob/0ea4d44764ab73c8500382711736f97cba50afc8/skills/thesvg/SKILL.md