01 功能说明
定义产品中的图标应如何绘制、命名和交付，以及如何以无障碍方式使用。
Icon System 定义产品图标库的规则：网格、关键线、描边粗细、圆角处理、尺寸变体、命名和交付。它区分描边、填充和双色调图标的使用方式，而不是将所有图标风格视为可以互换。
来源还涵盖标签、装饰性图标的隐藏、对比度和交互目标。其建议的像素尺寸是需要根据产品调整的参考值。制定图标系统规范并不意味着完整的 SVG 图标库已经绘制或测试完毕。
预期交付成果
定义网格、关键线、描边、圆角和支持的风格。
选择分类、名称、变体以及所需的源文件或组件格式。
检查支持的尺寸、标签、关键操作文本和交互目标。
02 适用场景
用于将混杂的图标集整合进一个系统，或为设计和开发团队记录共享图标库的规范。
03 关键决策
共享的几何规则可让主题不同的符号也呈现出统一感。
分类和变体名称有助于查找与维护。
04 示例任务
以下示例任务简述尚未经过测试。使用前请检查该技能的设置说明。
从 designer-skills 代码库将此任务的 SKILL.md 加载到智能体所支持的技能位置。入口文件并未规定通用的安装命令。
https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/design-systems/skills/icon-system/SKILL.md提供具有代表性的图标及其使用场景。该技能负责定义规则；实际图标资产的创建与测试需另行完成。
运行该技能前，请调整此任务简述中的范围、来源材料和约束条件。
使用 icon-system 标准化我们混杂的导航图标。定义网格、描边、圆角、尺寸和命名规则，然后规定 SVG 与组件的交付方式。区分装饰性图标和带标签的操作，并标明必须使用可见文本的位置。根据以下可观察的标准检查实际输出。
OpenDesign 为编程智能体提供本地设计工作区。此条目并不表示该技能已捆绑提供，也不表示其中包含其外部工具、凭据和软件依赖项。
05 来源与许可证
本页描述的是下方所链接的固定来源修订版本。上游行为和要求可能发生变化。
9a6930cf84a8定义产品中的图标应如何绘制、命名和交付，以及如何以无障碍方式使用。
由 OpenDesign 根据所链接来源撰写的原创摘要。代码库星标数只是带日期的受欢迎程度指标，并不代表技能使用量或质量评分。
06 开始前的问题
https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/design-systems/skills/icon-system/SKILL.md