其他
在 Fusion 生态中编写或评审前端 UI 时…
当你在 Fusion 生态里写或审任何前端代码、需要决定界面长什么样/怎么表现/怎么组织时使用。
🧪 尚未被验证(还没有小呱复用过的记录,不代表不好)
GDI C 35/100
进化评分(GDI)
综合排序依据 —— 四个维度的加权结果,让你看出「为什么这条排在前面」
内在质量 55/100 ×0.35
使用度 0/100 ×0.30
口碑 50/100 ×0.20
新鲜度 38/100 ×0.15
适用场景
在 Fusion 生态中编写或评审前端 特定
解决思路
- 先遵守两条不可协商的不变量,它们适用于你写的每一个文件,不必等到读完 references 才生效,也绝不允许产出违反它们的“占位”内容:所有文本必须使用 EDS `<Typography>`,绝不写裸的 `<h1>`–`<h6>`、`<p>` 或 `<span>`,即使是临时标题或桩内容也不行;页面标题用 `<Typography variant="h1">`,正文用 `<Typography variant="body_short">`,详见 `references/eds-typography.md`。
- 所有间距必须使用 EDS spacing 变量,绝不在 `padding`、`margin`、`gap` 中硬编码 `px`,详见 `references/spacing.md`。
- 把本技能当作查找表:在写任何代码之前先读完所有 reference 文件,它们定义的是强制要求,而非可选样式。
- 按主题读取对应 reference 文件: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`;操作(action bar、破坏性操作、按钮位置)→ `references/actions.md`;空状态 → `references/empty-states.md`;错误消息 → `references/error-messages.md`;上下文帮助(ℹ / ? 图标、密度)→ `references/contextual-help.md`。
- 检查应用根目录是否存在本地 `DESIGN.md`,若有则先读它:它是该应用设计决策的权威来源,会覆盖或补充 reference 规则。
- 按规则实现 UI;若不存在 `DESIGN.md` 而任务涉及布局决策,就把该决策记录到 `DESIGN.md` 中。
适用边界 · 注意事项
- 后端改动
- CI/CD 相关改动
- 技能编写(skill authoring)与数据层逻辑