Agent Skills
返回列表
诺丁汉大学设计系统

诺丁汉大学设计系统

设计多媒体 更新于 2026.08.29

将以下提示词粘贴到你的 AI 对话框中：

请根据 https://skillhub.cn/install/skillhub.md，安装 @user_117690ae/nottingham-design。

技能介绍

要解决什么问题

为诺丁汉大学（英国本部、宁波诺丁汉 UNNC、马来西亚 UNMC）做幻灯片、线框图、营销页或正式前端时，很容易偏离校方品牌：圆角泛滥、正文用纯黑、主色不够「诺丁汉蓝」，或中英文案语气不对。本技能把 README 里的品牌语境、内容与视觉基础收敛成可执行的规则与文件，让产出在色彩、字体、形状和文案上可对齐官方形象。

技能如何工作

  • 设计令牌：colors_and_type.css 提供全套 CSS 变量，新建 HTML 时应放在文档顶部（或等价内联令牌）。
  • 资产与参考：assets/ 含标识与插图占位；preview/ 为各令牌组的静态卡片示例；ui_kits/website/ 贴近公开营销站的像素级复刻与可复用 JSX。
  • 工作流：做视觉草稿时建议复制资产并输出静态 HTML 供查看；做生产代码时同样可读规则与组件。若用户未说明目标，应先问清要构建什么，再按需求输出 HTML 工件或生产代码。
  • 硬性视觉规则：主色 Nottingham Blue #10263B 须占画面主导；辅助色每个资产最多两种且权重低于主色；默认 border-radius: 0（卡片/输入框上限约 4–8px）；数字背景优先 Portland Stone #FAF6EF；正文一律诺丁汉蓝，不用黑色。
  • 文案：英式英语、we 口吻、标题与按钮用 sentence case；正式材料避免 emoji。

适用边界与注意点

字体上拉丁文为 Circular Pro（无授权文件时用 Manrope 替代），简体中文 UNNC 场景用 HarmonyOS Sans SC，编辑点缀可用 Lora。技能要求先读包内 README.md 再深入其它文件；未在资料中展开的能力不要假设已包含。

使用场景

  • 为宁波诺丁汉（UNNC）活动或招生页搭静态 HTML 原型，主色须为诺丁汉蓝，简体文案配 HarmonyOS Sans SC，语气为英式 we。
  • 外包或校内团队出宣传幻灯片/海报草稿，需满足无黑色正文、默认直角（卡片圆角≤8px）、单资产最多两种辅助色。
  • 维护马来西亚（UNMC）或本部营销站时，对照 `ui_kits/website` 复用 JSX，并在页面顶部引入 `colors_and_type.css`。
  • 用户仅说「按诺丁汉品牌设计」而未给需求时，先追问要做的页面或组件类型，再交付可本地打开的 HTML 与所需 assets。

适合人员

  • 校园品牌或传播同事，需为三校区对外物料出可审阅的 HTML/mock，避免主色与字体偏离校方规范。
  • 承接诺丁汉公开营销站的前端工程师，要把 CSS 变量、方形默认圆角与诺丁汉蓝正文写进可上线组件。
  • 负责 UNNC 中英双语宣传页的视觉设计师，需对齐 Portland Stone 背景、sentence case 标题与辅助色权重上限。
  • 用 AI 快速做幻灯片或一次性原型的教研/项目同事，希望产出能对照 `preview/` 令牌示例做品牌自检后再给 stakeholder。