tabbar-icon-generator

Community

Generate 81x81 TabBar icons for MiniProgram.

Authorwanyusheng63-alt
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Automates the creation of consistent TabBar icons for WeChat MiniProgram and Taro projects, eliminating manual design and inconsistent assets.

Core Features & Use Cases

  • Generate PNG TabBar icons (81x81) in normal and active states from SVG templates.
  • Support common icon types (home, list, user, settings, search, message, cart, favorite) with customizable colors.
  • Use case: quickly scaffold navigation assets for a new mini-program by generating all required icons and integrating them into the app.

Quick Start

Generate all preset icons with default colors using the command line.

Dependency Matrix

Required Modules

sharp

Components

scripts

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: tabbar-icon-generator
Download link: https://github.com/wanyusheng63-alt/vocab-learn/archive/main.zip#tabbar-icon-generator

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 545,000+ vetted skills library on demand.