用途:这是一个为 Resume Matcher 项目提供瑞士国际主义(Swiss International Style)视觉规范的设计技能。仅在创建新组件、修改组件样式或搭建新页面时调用;后端开发、API 变更、仅涉及逻辑的改动应跳过。
使用方式:设计前需阅读 docs/agent/design/ 下的完整规范文件:style-guide.md(核心规则、颜色、字体、组件)、design-system.md(扩展 token、间距、阴影)、swiss-design-system-prompt.md(瑞士风 UI 的 AI 提示)。
主要规范: · 配色:Canvas #F0F0E8 作背景,Ink #000000 用于文字与边框,Hyper Blue #1D4ED8 主操作,Signal Green #15803D 成功,Alert Orange #F97316 警告,Alert Red #DC2626 危险,Steel Grey #4B5563 次要文字。 · 字体:font-serif 用于标题,font-mono 用于标签与元数据(大写、tracking-wider),font-sans 用于正文。 · 组件模式:按钮与卡片均使用直角(rounded-none)、硬阴影(如 shadow-[2px_2px_0px_0px_#000000] 或 4px 偏移),按钮带按压位移效果;标签用 mono、大写。状态指示器为小方块,绿=就绪、琥珀=警告、红=错误、蓝=活动。 · 禁忌:任何 rounded-*(除 rounded-none)、渐变或模糊阴影、调色板外自定义颜色、柔和粉彩色、无功能的装饰图标。 · 复古终端元素(如 [ STATUS: READY ] 文本)仅限仪表盘、设置、空状态使用,简历组件禁用。
检查清单:所有组件 rounded-none;使用硬阴影;字体角色正确;仅用调色板颜色;无渐变与模糊。
限制:资料未提供安装命令、版本、价格或平台信息;本技能仅约束 UI 样式层面,不涵盖逻辑与后端实现。