From UE_ReactUMG
ReactUMG 颜色/色彩类型速查。在设置背景色、前景色、透明度、ColorAndOpacity、BrushColor、ForegroundColor 等颜色属性时激活。帮助区分 SlateColor（嵌套结构）和 LinearColor（直接结构）的正确用法，以及 ColorUseRule 的必要性。
npx claudepluginhub 15195999826/lomomarketplace --plugin UE_ReactUMGThis skill uses the workspace's default tool permissions.
| 类型 | 结构 | 示例 |
Generates pixel-precise ASCII TUI Color components with TUI_RENDER, COMPONENT_SPEC, PENCIL_SPEC, and PENCIL_BATCH_DESIGN outputs for Pencil MCP workflows. Use for terminal UI color creation, text interfaces, or Pencil projects.
Builds accessible color systems with palettes, semantic mappings, tonal scales, and contrast checks for UI components in digital products.
Provides TypeScript patterns for React: props interfaces, event handlers, hooks, generic components, forwardRef, type-safe context, utility types, discriminated unions.
Share bugs, ideas, or general feedback.
| 类型 | 结构 | 示例 |
|---|---|---|
| SlateColor | {SpecifiedColor: {R, G, B, A}} | 嵌套结构 |
| LinearColor | {R, G, B, A} | 直接结构 |
| 组件 | 属性 | 类型 |
|---|---|---|
| TextBlock | ColorAndOpacity | SlateColor |
| TextBlock | ShadowColorAndOpacity | LinearColor |
| Border | BrushColor | LinearColor |
| Border | ContentColorAndOpacity | LinearColor |
| Image | ColorAndOpacity | LinearColor |
| Button | ForegroundColor (in style) | SlateColor |
| WidgetStyle | ForegroundColor | SlateColor |
| WidgetStyle | FocusedForegroundColor | SlateColor |
// SlateColor（嵌套）
<TextBlock
ColorAndOpacity={{
SpecifiedColor: {R: 0.9, G: 0.95, B: 1, A: 1}
}}
/>
// LinearColor（直接）
<Border
BrushColor={{R: 0.05, G: 0.08, B: 0.1, A: 0.95}}
/>
WidgetStyle 中的颜色必须加 ColorUseRule: 0
// ✅ 正确
WidgetStyle={{
ForegroundColor: {
SpecifiedColor: {R: 0.5, G: 0.5, B: 0.5, A: 1},
ColorUseRule: 0 // 必须！
}
}}
// ❌ 错误（颜色不会生效）
WidgetStyle={{
ForegroundColor: {
SpecifiedColor: {R: 0.5, G: 0.5, B: 0.5, A: 1}
// 缺少 ColorUseRule: 0
}
}}
查看 IDE 错误信息：
"R does not exist in type RecursivePartial<SlateColor>" → 用 SlateColor"SpecifiedColor does not exist in type RecursivePartial<LinearColor>" → 用 LinearColor