Back to Details

fusion-design

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

Fusion Design

Fusion Design

When to use

使用场景

Any time you are writing or reviewing frontend code in the Fusion ecosystem and need to know how it should look, behave, or be structured.
每当你在Fusion生态系统中编写或评审前端代码，需要了解其外观、行为或结构规范时，均可使用本技能。

Instructions

使用说明

This skill is a lookup. Read all reference files before writing any code — they define mandatory requirements, not optional styling.
本技能用于查阅参考资料。在编写任何代码前，请阅读所有参考文件——它们定义的是强制性要求，而非可选样式。

1. Read the references

1. 阅读参考资料

TopicFile
EDS Typography
references/eds-typography.md
Navigation — Sidemenu
references/navigation-sidemenu.md
主题文件
EDS 排版
references/eds-typography.md
导航 - 侧边菜单
references/navigation-sidemenu.md

2. Check for a local 
DESIGN.md

2. 检查本地
DESIGN.md
文件

If the app has a 
DESIGN.md
at its root, read it first. It is the authoritative source for that app's design decisions and overrides or supplements the reference rules.
如果应用根目录下存在
DESIGN.md
文件，请优先阅读它。该文件是该应用设计决策的权威来源，可覆盖或补充参考规则。

3. Apply

3. 应用规范

Implement the UI to match the rules. If no 
DESIGN.md
exists and the task requires a layout decision, document it there.
按照规则实现UI。如果不存在
DESIGN.md
且任务需要进行布局决策，请在该文件中记录相关内容。