B端中性风标准化 UI 界面生成
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_4585f108/b-ui-standard。
技能介绍
问题:B 端后台设计容易失准
很多中台、管理后台项目并不缺页面,缺的是低干扰、弱装饰、可复用的界面标准。需求方常说“像腾讯云/火山/AntD”,但实际页面常混入营销色彩、卡片堆叠、按钮样式漂移,导致开发反复确认 CSS 变量和组件状态。
工作方式:从风格约束到可交付规格
该技能面向 B 端后台 UI,围绕腾讯云、字节火山、阿里 AntD v5 的中性设计语言生成界面方案。核心输出包括:
- 设计 Token:统一颜色、间距、圆角、阴影等基础变量;
- 栅格规范:适配管理端常见信息密度与布局;
- 组件规范:明确表单、表格、弹窗、侧边导航等 B 端组件样式;
- 前端 CSS 变量:可直接落入样式系统,支持
light/dark双模式。
它更适合先确定视觉基线,再让前端按同一套变量实现,减少“设计稿与代码不一致”。
边界与注意点
该技能偏重标准化 UI 规格,并不等同于完整产品架构、交互原型或视觉创新方案。若需要复杂可视化大屏、移动端体验或品牌定制风格,应补充具体设计约束。
使用场景
- 为管理后台首页生成低装饰布局,并输出可复用的 CSS 变量。
- 按 AntD v5 风格规范表格、表单、弹窗组件,并整理栅格规则。
- 为新中台系统建立明暗双模式的设计 Token,减少页面样式漂移。
- 把腾讯云风格参考转成前端可用的 CSS 变量和组件说明文档。
适合人员
- 做 B 端后台的前端工程师,需要统一 CSS 变量、栅格和组件样式。
- 负责中台视觉规范的产品设计师,需要按 AntD v5 输出页面 Token。
- 启动新管理后台的技术负责人,需要快速建立明暗双模式基础样式。
- 维护多套内部系统的 UI 工程师,需要复用同一套 B 端组件规范。