用途：为 HTML、React、Tailwind、Vue 等前端代码或布局设计提供一套“高端实用极简主义与编辑风”的界面规范，强调文档式、工作台平台般的精致观感。
主要能力与规则：禁止使用 Inter、Roboto、Open Sans 字体；禁止 Lucide、Feather、Heroicons 等通用细线图标库；禁止 Tailwind 默认重阴影，阴影须近乎不存在或极低透明度（<0.05）；禁止大面积主色背景、渐变、霓虹、3D 玻璃拟态（导航栏模糊除外）；禁止大容器用全圆角药丸形；禁止 emoji，改用图标或干净 SVG；禁止 John Doe、Acme Corp、Lorem Ipsum 等占位名与“Elevate、Seamless”等营销套话。
排版：正文用 'SF Pro Display'、'Geist Sans'、'Helvetica Neue'、'Switzer'；标题与引语用 'Lyon Text'、'Newsreader'、'Playfair Display'、'Instrument Serif'，紧字距 -0.02em 至 -0.04em、行高 1.1；代码用 'Geist Mono'、'SF Mono'、'JetBrains Mono'。正文不用纯黑，用 #111111 或 #2F3437，行高 1.6，次要文字 #787774。
配色：画布 #FFFFFF、#F7F6F3、#FBFBFA；卡片 #FFFFFF 或 #F9F9F8；边框 #EAEAEA；点缀仅用低饱和柔和色，如浅红 #FDEBEC（文字 #9F2F2D）、浅蓝 #E1F3FE（#1F6C9F）、浅绿 #EDF3EC（#346538）、浅黄 #FBF3DB（#956400）。
组件：便当网格用非对称 CSS Grid，卡片 1px solid #EAEAEA、圆角 8px 或 12px、内边距 24px 至 40px；主按钮 #111111 底白字、圆角 4px 至 6px、无阴影、悬停变 #333333 或 scale(0.98)；标签为小号大写宽字距药丸形配柔和底色；手风琴只用 border-bottom 分隔并用 + / - 图标；快捷键用 <kbd> 渲染；模拟软件时加含三个浅灰圆点的白色顶栏。
动效：滚动进入用 translateY(12px) 加透明度，600ms、cubic-bezier(0.16,1,0.3,1)，通过 IntersectionObserver 而非 scroll 事件；卡片悬停极轻阴影；列表错峰进入；仅用 transform 和 opacity 动画。
执行与限制：先建立宏观留白，主内容宽度限制在 max-w-4xl 或 max-w-5xl，所有边框遵循 1px solid #EAEAEA。完成后按步骤在 llmwiki/wiki/draft/uiux/ 写入 DDMMYY-<ten>.md 并提出草案，同时更新 index.md 与 log.md。该技能建立在 design-foundation 之上，不替代其基础规则。具体安装命令与版本信息暂未提供。