用途:该技能把 Windows 11 设计语言映射到 Reactor 的 C# 写法,帮助编写、审查 PR 并修复 Reactor UI 代码,使应用外观与行为符合 Windows 11 一等应用标准。Reactor 是 WinUI 3 的函数式 UI 框架,完全用 C# 构建界面,无 XAML、无数据绑定、无 ViewModel,UI 由不可变 Element 记录描述,通过 using static Microsoft.UI.Reactor.Factories 导入工厂方法(如 TextBlock(...)、VStack(...))组合,并用 React 风格协调器与 hooks(UseState、UseEffect 等)更新。
主要能力与规则:1)主题优先,所有颜色与画刷使用 Theme.* 令牌,主题表面禁止硬编码十六进制色;注意 Theme.Error/Success/Warning 不存在,应使用 Theme.SystemCritical/SystemSuccess/SystemCaution;未暴露的 WinUI 资源用 Theme.Ref("ResourceKeyBrush")。2)轻量样式,用 .Resources() 覆盖控件模板资源以保留悬停/按下/禁用状态,资源键指向以 Brush 结尾的 SolidColorBrush。3)高对比度严格规则:仅用 8 个系统色画刷,禁用透明度、强调色与渐变动画,弹出层/对话框/卡片用 2px 边框,交互容器加高亮边框,可在应用级设置 HighContrastAdjustment。4)排版使用语义样式:Caption、TextBlock、Body、BodyStrong、BodyLarge、Subtitle、SubHeading、Title、Heading、TitleLarge、Display 等工厂,或用 .ApplyStyle() 应用 WinUI 文本样式;强调用 SemiBold(600),最小字号 12px,图标字体用 SymbolThemeFontFamily。5)布局遵循 4px 网格(0/2/4/8/12/16/24/36/48),Flex 容器需用 FlexPadding 而非 Padding。
使用方式:按规则编写新 UI;用文末清单审查 PR;将问题映射到具体规则并套用正确模式;按测试指引验证。
适用场景:基于 Reactor 构建的 WinUI 3 桌面应用界面开发与代码审查。
限制:资料未提供安装命令、收费与价格信息;受控属性直接读取现返回 Optional<T>,需用 .GetValueOrDefault(...) 或 .Value,详见 migration/050-optional-t.md。