Fusion Design 是一个面向 Fusion 生态前端开发的设计规范查询技能,来源为 equinor/fusion-skills。它的核心用途是:当你正在编写或审查 Fusion 生态中的前端代码,需要确定界面应当如何呈现、如何交互或如何组织时,通过该技能查找并应用 Fusion Design Guidelines。
主要能力与强制约束 该技能强调两条不可协商的硬性规则,适用于所写的每一个文件,无论任务是什么,都不应等到读完参考文件后才遵守,也不得输出违反规则的“占位”代码:
- 所有文本必须使用 EDS <Typography>。不得为文本编写裸 <h1>–<h6>、<p> 或 <span>,即使是临时标题或占位内容也不行。页面标题应写作 <Typography variant="h1">,正文应写作 <Typography variant="body_short">。相关说明见 references/eds-typography.md。
- 所有间距必须使用 EDS 间距变量。不得在 padding、margin、gap 中硬编码 px。相关说明见 references/spacing.md。
使用方式 该技能本质上是一个查询(lookup)工具。在编写任何代码之前,应先阅读全部参考文件,因为这些文件定义的是强制要求,而非可选的样式建议。参考文件按主题组织,包括:EDS Typography(references/eds-typography.md)、导航 Sidemenu(references/navigation-sidemenu.md)、导航 Tabs(references/navigation-tabs.md)、布局内容区模式(references/layout.md)、布局居中内容(references/layout-centered-content.md)、间距(references/spacing.md)、操作栏与破坏性操作及按钮放置(references/actions.md)、空状态(references/empty-states.md)、错误消息(references/error-messages.md)、上下文帮助(ℹ / ? 图标、密度,references/contextual-help.md)。
此外,如果应用根目录下存在 DESIGN.md,应优先阅读它。DESIGN.md 是该应用设计决策的权威来源,会覆盖或补充参考规则。在应用规则时,应按规则实现 UI;如果不存在 DESIGN.md 且任务涉及布局决策,则应在 DESIGN.md 中记录该决策。
适用场景 适用于 Fusion 生态内任何前端代码的编写或审查,尤其是涉及布局、间距、组件使用、交互、导航、空状态、错误提示、上下文帮助等设计决策的场景。
限制 该技能本身是规范查询与约束工具,不提供具体代码生成、收费、价格、平台或效果方面的信息;资料中未提供这些内容。