前言¶

微信小程序的底部 tabBar 要求每个菜单项配两张图：普通态一张、选中态一张。图标尺寸不对会被裁剪，路径写错小程序直接报错，两张图风格不统一看起来也很别扭。手工切图、手动改名、逐个配置 iconPath，是每个小程序开发者都绕不开的重复劳动。

下面介绍的 Skill 就是用来处理这件事的。

这是什么¶

「小程序图标生成」是一个面向微信小程序底部导航图标的社区 Skill。坐标 @user_7ffc2311/wechat-tabbar-icons，版本 1.0.0，由社区开发者 user_7ffc2311 发布，分类为 design-media，无需 API Key（requires_api_key=false）。

它解决的问题是：根据菜单名称、app.json 里 tabBar.list 的配置，以及普通态 / 选中态的颜色，生成本地透明 PNG 图标，并把 iconPath、selectedIconPath 写好。

核心功能¶

根据 Skill 简介，能力范围是：

• 生成小程序底部 tabBar 图标，普通态与选中态各一张
• 替换、检查、规范化已有的 tabBar 图标资源
• 读取 app.json 中 tabBar.list 的菜单名与颜色配置，据此产出配套图标
• 输出本地透明 PNG，并写入 iconPath / selectedIconPath

官方说明还提到可配合 imagegen 先生成位图源图，再输出稳定一致的双态图标。该说法来自 Skill 简介，具体协作方式以官方页面为准。

安装与启用¶

Skill 官方地址为 https://api.skillhub.cn/user_7ffc2311/wechat-tabbar-icons ，SkillHub 页面为 https://www.skillhub.cn/skills/user_7ffc2311/wechat-tabbar-icons 。

已抓取资料中没有给出安装命令和目录约定，因此这里不提供命令。启用方式请到上述官方页面确认后按页面说明操作。该 Skill 无需配置 API Key，接入门槛主要在于 Skill 平台的安装步骤本身。

典型用法¶

官方简介给出的核心用法是：为小程序底部导航生成一套图标，其中一张是正常图标，一张是激活图标。

更详细的可复现示例（如具体输入文件、输出目录、配置字段）在已抓取资料中没有提供。结合微信小程序本身的行为，实际使用时需要准备好 app.json 中 tabBar.list 的菜单项，并确保图标为 81×81 像素的 PNG，但这只是平台要求，不是该 Skill 文档中明确写明的内容。

适用场景与注意¶

适合以下情况：

• 新小程序项目刚搭好 tabBar，菜单有了，图标还没有
• 原有图标风格不统一，需要重新做一套普通态 / 选中态
• 图标文件散落在各处，路径和命名需要规范，iconPath / selectedIconPath 需要重新写入

需要注意：

• 资料中该 Skill 下载 1824、安装 0，评分 100000。安装数为 0 意味着社区使用反馈样本很少，接入前建议先小规模试跑
• 图标尺寸、格式限制来自微信小程序平台，Skill 不会绕过平台校验
• 安装命令与配置细节资料缺失，动手前先从官方页面确认

结尾¶

这个 Skill 的价值在于把 tabBar 双态图标的生成、替换、检查、规范化收敛成一次流程，省掉手工切图和逐个改配置的时间。功能点不算多，胜在直接对应小程序开发里的一个高频痛点。

官方地址：https://api.skillhub.cn/user_7ffc2311/wechat-tabbar-icons