用途:minimalist-ui 是一个前端工程指令型技能,用于生成高度精炼、极简、文档式的工作台风格界面,灵感来自 Notion、Linear 等编辑型产品。适合需要温暖单色、清晰边框、充足留白、低饱和柔和点缀与安静动效的设计任务,并明确排斥渐变、重阴影、高饱和色、大量胶囊组件和通用 SaaS 视觉。
主要能力:规定字体层级(正文用 SF Pro Display、Geist Sans 等,标题用 Lyon Text、Newsreader 等衬线体,代码用 Geist Mono、SF Mono 等);色彩以纯白或暖米白为底,边框用 #EAEAEA,点缀仅用淡红、淡蓝、淡绿、淡黄等低饱和色;组件规范涵盖非对称便当网格、1px 边框卡片、8px 或 12px 圆角、#111111 实心按钮、胶囊标签、无容器手风琴、kbd 快捷键样式与仿 macOS 窗口;图标建议 Phosphor 或 Radix UI;动效要求仅用 transform 与 opacity,配合 IntersectionObserver 做滚动入场,并支持交错显现。
使用方式:在请求中通过 @minimalist-ui 调用,例如要求审查某界面并给出可落地的改进方案。执行时先建立宏观留白,正文宽度限制在 max-w-4xl 或 max-w-5xl,再套用字体与单色变量,确保所有卡片、分隔线与边框遵循 1px solid #EAEAEA,并为主要区块加入滚动入场动画。
限制:极简在内容密集时可能掩盖层级,需用真实内容验证可扫描性、对比度与导航清晰度;该技能假设产品能接受克制配色与排版主导布局,不应无故覆盖既有品牌系统;细微动效与扁平表面仍需在目标项目中验证响应式、键盘与屏幕阅读器支持。资料未提供安装命令、收费与平台信息。