Shopify UI Skills Opinionated constraints for building Shopify-style interfaces with AI agents. When to Apply Reference these guidelines when: - Building light-mode interfaces - Creating Shopify-inspired design systems - Implementing UIs with Inter font and 4px grid Colors - SHOULD use light backgrounds for primary surfaces - MUST use as page background ( ) - SHOULD limit color palette to 10 distinct colors - MUST maintain text contrast ratio of at least 4.5:1 for accessibility Semantic Tokens | Token | HEX | RGB | Usage | |-------|-----|-----|-------| | | #FEFEFE | rgb(254,254,254) | Page ba…