skill:icon-design - Semantically Appropriate Icon Selection

Version: 1.0.0

Purpose

Select semantically appropriate icons for websites and applications using Lucide, Heroicons, or Phosphor icon libraries. This skill maps UI concepts to the best-fitting icons, generates framework-specific integration code (React, Vue, HTML), enforces consistent sizing and styling, and applies tree-shaking patterns for optimal bundle size.

File Structure

skills/icon-design/
├── SKILL.md (this file)
└── examples.md

Interface References