icon-design

用途：为网站选择语义合适的图标，把界面概念映射到对应图标，并提供模板与常见错误规避。\n\n主要能力：给出前 20 个常见概念的映射表（如 Award/Quality 对应 Trophy、Price/Value 对应 Tag、Location 对应 MapPin、Security 对应 Shield、Speed 对应 Zap 等）；提供库选择建议——Lucide 适合通用与 React 项目，Heroicons 适合 Tailwind 与极简风格，Phosphor 适合需要字重变化，默认推荐 Lucide；给出尺寸规范（行内文字 w-4 h-4/w-5 h-5，功能卡片 w-8 h-8，Hero 区 w-10/w-12，大型装饰 w-16 h-16）；强调一致性规则：不混用风格、不使用 emoji、使用 currentColor 与语义色。\n\n必要用法：涉及 tree-shaking 时，避免用 import * as Icons 动态取用，而应显式建立 ICON_MAP 映射。选择流程为：识别概念→查语义映射→选库→套用模板→检查一致性。不确定时可参考决策树与 resources 中的 semantic-mapping.md、icon-templates.md、library-comparison.md、migration-guide.md、rules/icon-design.md。\n\n限制：资料未提供收费、价格、平台支持或效果保证等信息；具体图标数量与兼容性以对应库文档为准。