由社区维护、审核后发布，并在 Agent 页面创作前被 RAG 检索为设计约束。
骨架屏层级把一个高频界面判断转成可执行约束，帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。
骨架屏应预告真实内容结构，而不是制造额外视觉噪音。86%Visual Foundationsdata / charts数据墨水优先级把一个高频界面判断转成可执行约束，帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。
图表和指标的视觉墨水应该先服务数据、阈值和异常，而不是装饰网格。85%Visual Foundationshierarchy / focus焦点经济把一个高频界面判断转成可执行约束，帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。
焦点越多，真正的重点越弱；视觉强调必须稀缺且服务主任务。85%Visual Foundationsmotion / hierarchy用动效表达层级把一个高频界面判断转成可执行约束，帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。
有用的动效让用户理解发生了什么、从哪里来、要看哪里。84%Typography Color Accessibilitytypography / hierarchy字号层级应服务页面结构，避免在小面板里使用 hero 级标题。
清楚的字号阶梯能让标题、标签、正文、数字各司其职。82%Visual Foundationsvisual-weight / balance颜色、面积、粗细、位置和阴影都会增加视觉重量，需要服务任务优先级。
视觉重量不是越大越好；它应该把注意力分配给最重要、最可操作的区域。82%Visual Foundationshierarchy / layout先确定用户要先看、再看和最后行动的内容，再决定字号、间距、颜色和组件强度。
有效界面不是把所有信息平均展示，而是用大小、位置、密度和对比建立清晰的阅读顺序。82%