weights-biases-ui-skills

To build a Weights Biases UI, apply this Skill to enforce light mode, Inter font, and a 4px grid layout. It provides semantic color tokens and typography rules for interfaces requiring aesthetic consistency with the platform.

A 4px grid system enforces consistent spacing and layout constraints across interface components. This Skill applies a 4px grid alongside Inter font and light mode to ensure visual consistency for a 1920px viewport.

Yes, you can use semantic color tokens for light mode interfaces. This Skill satisfies requirements for semantic color tokens, specific typography rules, and layout constraints to maintain aesthetic consistency.

Yes, this UI design system supports a 1920px viewport. It applies layout constraints for the 1920px viewport, alongside Inter font and light mode, to ensure interfaces feel like a native part of the ecosystem.

The limitation of this design system is its strict focus on Weights Biases aesthetic replication. It enforces light mode, Inter font, and a 4px grid, making it unsuitable for interfaces requiring dark mode or alternative typography.

The best way to ensure UI consistency is to enforce the Weights Biases design system during development. This Skill provides opinionated constraints for colors, typography, spacing, and component states for native-feeling interfaces.