用途：minimalist-ui 是一份前端工程指令协议，名为“Premium Utilitarian Minimalism & Editorial UI”，用于在编写 HTML、React、Tailwind、Vue 或设计布局时，产出类似高端工作区平台的文档式极简界面。
主要能力与规则：
- 排版：正文用几何或系统无衬线字体（如 SF Pro Display、Geist Sans、Helvetica Neue、Switzer），标题与引语用编辑衬线字体（如 Lyon Text、Newsreader、Playfair Display、Instrument Serif），代码与元数据用等宽字体（如 Geist Mono、SF Mono、JetBrains Mono）。正文不用纯黑，用 #111111 或 #2F3437，行高 1.6，次要文字 #787774。
- 配色：画布为纯白 #FFFFFF 或暖白 #F7F6F3、#FBFBFA；卡片 #FFFFFF 或 #F9F9F8；边框 #EAEAEA 或 rgba(0,0,0,0.06)；点缀仅用低饱和粉彩，如淡红 #FDEBEC（文字 #9F2F2D）、淡蓝 #E1F3FE（文字 #1F6C9F）、淡绿 #EDF3EC（文字 #346538）、淡黄 #FBF3DB（文字 #956400）。
- 组件：便当网格用非对称 CSS Grid，卡片边框固定 1px solid #EAEAEA，圆角 8px 或 12px，内边距 24–40px；主按钮背景 #111111、文字 #FFFFFF、圆角 4–6px、无阴影，悬停变 #333333 或 scale(0.98)；标签为胶囊形、小号大写宽字距；手风琴仅用底部分隔线；快捷键用 <kbd> 呈现；软件模拟图可加仿 macOS 窗口栏。
- 图标与图像：建议 Phosphor Icons 或 Radix UI Icons，统一描边宽度；插画为单色线稿加一块柔和粉彩几何形；照片需低饱和暖调，可加 0.04 暖色颗粒叠加，占位可用 https://picsum.photos/seed/{context}/1200/800。
- 动效：滚动进入用 translateY(12px) 加透明度过渡 600ms、cubic-bezier(0.16, 1, 0.3, 1)，用 IntersectionObserver；列表错峰延迟 calc(var(--index) * 80ms)；仅动画 transform 与 opacity。
使用方式：在生成前端代码或设计布局时套用上述规则，先建立大留白（如 Tailwind 的 py-24 或 py-32），正文宽度限制在 max-w-4xl 或 max-w-5xl，再应用字体层级与单色变量。
限制：明确禁止 Inter、Roboto、Open Sans 字体，禁止 Lucide、Feather、Heroicons 等通用细线图标，禁止 Tailwind 默认重阴影、大面积主色背景、渐变、霓虹色、3D 玻璃拟态、大容器胶囊圆角、表情符号、通用占位名与 AI 套话。具体安装命令与代码示例资料未提供。