Robinhood UI Skills

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

When to Apply

Reference these guidelines when:

• Building dark-mode interfaces
• Creating Robinhood-inspired design systems
• Implementing UIs with Inter font and 4px grid

Colors

• MUST use dark backgrounds (lightness < 20) for primary surfaces - detected lightness: 0
• MUST use #000000 as page background (surface-base)
• MUST use #B7DF2F for primary actions and focus states (accent)
• SHOULD limit color palette to 10 distinct colors
• MUST maintain text contrast ratio of at least 4.5:1 for accessibility