icon-system-stinger
OfficialBuild accessible, optimized icon systems
Authorlegioncodeinc
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill solves the challenge of selecting, delivering, and maintaining React icon systems that balance bundle size, accessibility, and developer experience.
Core Features & Use Cases
- Icon Library Strategy: Guides selection between Lucide, Heroicons, Tabler, Phosphor, and Iconify based on project needs.
- Performance Optimization: Helps choose between tree-shaken imports, SVG sprites, and dynamic icon loading patterns while avoiding bundle regressions.
- Accessibility Auditing: Enforces decorative, semantic, and interactive icon requirements for WCAG-aligned React implementations.
Quick Start
Use the icon-system-stinger skill to audit my React application's icon usage and recommend the correct library, loading strategy, and accessibility fixes.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 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: icon-system-stinger Download link: https://github.com/legioncodeinc/that-git-life/archive/main.zip#icon-system-stinger Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 545,000+ vetted skills library on demand.