Things UI Skills

Opinionated constraints for building Things-style interfaces with AI agents.

When to Apply

Reference these guidelines when:

• Building light-mode interfaces
• Creating Things-inspired design systems
• Implementing UIs with Inter font and 8px grid

Colors

• SHOULD use light backgrounds for primary surfaces
• MUST use #EEF2F5 as page background (surface-base)
• MUST use #729AE0 for primary actions and focus states (accent)
• SHOULD limit color palette to 5 distinct colors
• MUST maintain text contrast ratio of at least 4.5:1 for accessibility