Teaches coding agents how to build TUIs with TamboUI correctly: API-level selection, render-thread discipline, display-width safety, CSS-aware element authoring, and JFR conventions.
76
95%
Does it follow best practices?
Run evals on this skill
Adds up to 20 points to the overall score
View guide
Passed
No findings from the security scan
Demo and conference-talk TUIs run on terminals with unpredictable background colors — usually a light-themed projector at the venue and a dark-themed laptop at home. .dim() renders as gray-on-white on the projector (invisible) and gray-on-black on the laptop (fine). Why: styles that depend on contrast with one background tone disappear on the other; saturated foreground primaries survive both because the chroma carries the signal, not the brightness delta.
.dim() — renders as low-contrast gray; invisible against light terminal backgroundsColor.GRAY — same problem at a different level of the stack#888, #bbb) — fail for the same reason.cyan(), .magenta(), .green(), .yellow(), .red(), .blue().bold() to add weight without depending on contrast.dim() on a background (e.g., a faint header bar) is usually fine — the foreground text still has full contrast against itColor.GRAY as a background can work, but bias toward distinct color blocks (a magenta divider, a cyan title bar) over neutral panels.dim() reads as "secondary" and works finerules
skills