106.9K+下载
跳转到使用指南
Better Icons作者 better-auth

Better Icons Skill.

查找现有图标，通过已核实的图标库 ID 获取 SVG。

  • 图标搜索
  • SVG
下载 OpenDesign查看使用指南
源文件解读 · better-iconsSKILL.md
任务 查找现有图标，通过已核实的图标库 ID 获取 SVG。 产出 与所需概念匹配、列出具体图标 ID 的候选清单。 开始前的准备 这套工作流用于获取图标库素材，不涉及原创标志设计流程。
编辑摘要 · 源文件核查于 2026-11-02 · 非生成示例

01 功能说明

查找现有图标，通过已核实的图标库 ID 获取 SVG

搜索 Iconify 图标集、对比图标风格，并通过 Better Icons CLI 或 MCP 工具获取 SVG 素材。

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

工作方法

Better Icons 为智能体提供了在 Iconify 图标集中查找和获取图标的具体方法。搜索时可以用图标集前缀缩小范围，每个结果都有明确标识，例如 lucide:home。这款 Skill 支持在获取 SVG 时指定尺寸和颜色，帮助你把模糊的图标需求转成可追溯的素材选择。

这些能力既可以通过命令行操作，也可以通过 MCP 工具使用。MCP 功能包括浏览图标集、查找相似图标、获取推荐、扫描项目和同步图标。对于需要统一图标风格的界面建设或整理工作，这些功能尤其适用。

预期交付物

  • 与所需概念匹配、列出具体图标 ID 的候选清单。
  • 按指定尺寸和颜色获取的 SVG 素材。
  • 通过所选受支持工作流建立的图标映射或项目集成。
查看示例简报

从简报到审查

  1. 01
    确定图标风格体系

    检查已有图标选择，明确需要表达的概念。如果设计已有一致的视觉语言，就指定相应图标集前缀。

  2. 02
    搜索并对比

    按含义搜索并检查返回的 ID。MCP 工具还可以浏览图标集、按使用场景推荐图标，或跨图标库查找相似图形。

  3. 03
    获取选定素材

    使用 prefix:name 标识获取 SVG。明确设置尺寸和颜色，然后只将选定图标保存或同步到指定的项目位置。

02 适用场景

适合什么场景

这套工作流用于获取图标库素材，不涉及原创标志设计流程。

适合的场景

  • 选择界面图标从选定的现有图标集中，查找适合导航、操作或状态的图标。
  • 统一图标风格检查项目中的图标使用情况，通过有记录的映射关系替换不一致的选择。

需要检查的限制

  • 使用现有图形这套工作流用于获取图标库素材，不涉及原创标志设计流程。
  • 工具必须可用需要可用的 CLI 或 MCP 集成，素材获取会使用 Iconify API。

请提供这些输入

  • 要表达的概念提供图标需要代表的操作、跳转目标或状态。
  • 图标集偏好指定前缀，或说明偏好描边、实心还是不限风格。
  • 输出要求说明目标位置、尺寸、颜色，以及受支持的集成框架。

03 关键决策

影响结果的关键选择

  1. 可追溯的选择

    每个选定素材都有明确的 prefix:name ID。

  2. 统一获取设置

    获取素材时可以指定颜色和尺寸。

  3. 接入智能体

    MCP 工具涵盖搜索、批量获取和项目图标扫描。

04 示例任务

从一份具体的需求开始

以下示例任务说明尚未经过测试。使用前请检查该技能的设置。

查看源文件和环境要求

提供图标需要代表的操作、跳转目标或状态。

上游源文件
https://github.com/better-auth/better-icons/blob/033316ecb8f4982235af4111a2257e80231f5ab1/skills/SKILL.md

下方链接会打开上游使用说明。使用前请查看仓库的环境配置要求；这不是安装命令。

先完成一项明确的交付物

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

示例简报
使用 better-icons，为我们的项目导航选择图标，栏目包括总览、动态、成员、账单和设置。搜索前先检查仓库已经使用的图标风格体系。优先从同一图标集中选择匹配的描边图标，并返回每个选择的准确 prefix:name ID。以 24 像素、currentColor 获取选定的 SVG，放入限定的素材目录。保留导航标签与图标 ID 的映射。这一轮不要替换其他图标，也不要为整个应用安装新的图标系统。

检查结果

根据以下可观察标准检查实际输出。

  • 每个选定图标 ID 都能获取到预期 SVG。
  • 整组图标的视觉风格、尺寸和颜色处理方式一致。
  • 只修改了约定的素材和集成文件。

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

下载 OpenDesign阅读快速入门指南

05 来源与许可证

来源与许可证

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

来源所有者
better-auth
仓库
better-auth/better-icons
技能文件
SKILL.md
许可证
MIT
已审查的快照
2026-11-02 · 033316ecb8f4

阅读说明

  1. 许可证适用范围已核实固定版本仓库中的 LICENSE 文本；检查完整归档的文件名清单后，未在该 Skill 路径下发现更具体的 LICENSE、COPYING 或 NOTICE 文件。此分类适用于所审查的上游源代码，不涵盖生成结果或第三方依赖。所获取的图标集可能各有许可证；这个仓库声明采用 MIT，不代表 Iconify 返回的每个图标都采用相同许可证。
编辑来源摘要
查找现有图标，通过已核实的图标库 ID 获取 SVG。

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

06 开始前的问题

开始前可能想问

图标如何标识？

格式为 prefix:name，由图标集标识和图标名称组成。

可以一次获取多个图标吗？

可以。CLI 能将搜索结果下载为 SVG；文档中的 MCP get_icons 操作每次请求最多接受 20 个图标 ID。批量获取前先选择并核实 ID，避免宽泛搜索引入不需要的素材。

必须使用 MCP 吗？

不是。源文件也说明了命令行搜索和获取方式，支持通过 npm 或 Bun 执行。

OpenDesign

让需求和设计工作保存在一起。

将简报、来源材料和设计工作集中保存在本地工作区中。将该技能添加到工作流程前，请检查其自身的设置说明。

下载 OpenDesign浏览设计技能
上游源文件
https://github.com/better-auth/better-icons/blob/033316ecb8f4982235af4111a2257e80231f5ab1/skills/SKILL.md