用途：这是一套面向 AI 智能体的 Shopify 风格界面设计约束，适用于构建浅色模式界面、Shopify 风格设计系统，以及使用 Inter 字体和 4px 网格的 UI。
主要能力：提供颜色、语义令牌、排版、间距、边框、布局、组件与交互的明确规则。颜色要求主表面使用浅色背景，页面背景必须为 #FEFEFE，调色板建议不超过 10 种颜色，文本对比度至少 4.5:1。语义令牌包括 surface-base #FEFEFE、surface-raised #04090B、text-primary #858A8E、text-secondary #C9CCCD、text-tertiary #B9BCBF、border-default #DFE1E2。排版必须使用 Inter，主标题 88px/extra_bold，正文 39px/500，标题用 text-balance、正文用 text-pretty，数字用 tabular-nums，不得擅自修改字距。间距必须使用 4px 网格，默认元素间距 5px。边框圆角取自 19px、26px、28px，默认 19px，边框宽度统一 2px。布局以 1920px 为基准视口，全屏高度用 h-dvh 而非 h-screen，固定元素需尊重 safe-area-inset。
使用方式：在生成或审查界面时按上述规则约束输出；交互上焦点必须使用 2px 轮廓与 2px 偏移，禁用态用 opacity 0.5 与 cursor: not-allowed，破坏性操作使用 AlertDialog，图标按钮需 aria-label，加载用骨架屏，错误就近展示。动画仅在明确要求时添加，只动 transform 与 opacity，交互反馈不超过 200ms，并尊重 prefers-reduced-motion。
限制：资料未提供安装命令、平台支持、收费或价格信息；部分规则为建议性（SHOULD），部分为强制（MUST/NEVER），实际落地需结合项目情况判断。