01 功能说明
一个精简的间距框架，涵盖基础尺度、语义化应用、分组和密度模式。
Spacing System 建立基础单位以及可复用于外边距、内边距和间隙的尺度。它区分容器内部的内嵌间距、垂直堆叠、行内关系和网格间隙，因此即使数值相同，也能明确记录各自的用途。
来源将间距与分组关联起来：相关项目彼此靠近，不相关的区段之间则留出更多间隔。它还描述了适用于不同场景的密度模式。这是一份简明的系统规范，并不声称示例尺度无需修改就适合所有产品。
预期交付物
审查现有模式并选择一套有限的间距词汇，而不是保留每一个偶然产生的值。
定义哪些间距级别用于组件内部、相关控件之间以及区段之间。
说明紧凑和宽松模式如何调整默认模式，同时保持分组关系清晰可辨。
02 适用场景
不要求使用特定的令牌工具；具体应用取决于现有组件系统。
03 关键决策
仅凭令牌表无法告诉开发者标签与其输入框之间应该使用哪种间隙。
不同模式可以在保持共用系统的同时改变紧凑程度，而不是再创建一套任意值。
04 示例任务
以下示例任务简述尚未经过测试。使用前请检查该技能的设置说明。
采用仓库中记录的安装方式，并保留其中引用的所有配套文件。此条目描述的是一种聚焦的设计方法，而不是可执行的应用程序。
https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/ui-design/skills/spacing-system/SKILL.md不要求使用特定的令牌工具；具体应用取决于现有组件系统。
运行该技能之前，请调整此任务简述的范围、来源材料和约束。
使用 spacing-system 来统一我们的设置表单和高密度记录表格。定义基础单位、命名尺度、内嵌/堆叠/行内规则，以及紧凑模式与舒适模式。分别说明标签与输入框之间的间距和区段间距；不要重新设计页面列。根据以下可观察的标准检查实际输出。
OpenDesign 为编码智能体提供本地设计工作区。此列表并不表示该技能已内置，也不表示其中包含其外部工具、凭据和软件依赖项。
05 来源与许可证
本页描述的是下方链接所指向的固定来源修订版本。上游行为和要求可能会发生变化。
9a6930cf84a8一个精简的间距框架，涵盖基础尺度、语义化应用、分组和密度模式。
由 OpenDesign 根据链接来源撰写的原创摘要。仓库星标数只是带有时间属性的受欢迎程度指标，并不代表技能使用量或质量评分。
06 开始前的问题
https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/ui-design/skills/spacing-system/SKILL.md