用途:把页面样式化为瑞士国际主义风格(Swiss International Style),适用于要求简洁、理性、网格化 UI 的场景。
主要能力:以 12 栏网格与 8px 基准单位布局,移动优先,逐级使用 sm:/md:/lg: 前缀;以透明度(如 text-stone-900/70)而非色相建立层级;每项目仅一个强调色(默认 #C8102E);正文限 max-w-[60ch];标题用 font-light,正文强调用 font-medium;标题不再加粗,圆角以 rounded-none 或 rounded-sm 为主。
字体:主字体 IBM Plex Sans,需引入 Google Fonts 的 link 标签;备选顺序为 Hanken Grotesk、Barlow、Host Grotesk、DM Sans、system-ui。
用法:直接应用文中给出的 Tailwind 类与配置模式;深浅色均使用 stone 色阶,禁止 bg-white/bg-black;需设置 color-scheme: light dark;移动端触控目标至少 44×44px;表格用 overflow-x-auto;标题可用 clamp() 或响应式字号。
限制:该技能只覆盖视觉与排版系统,不含无障碍、焦点管理、表单行为、性能或 i18n,需另行参考 Vercel Web Interface Guidelines 并优先遵循本技能内联规则;参考文件(design-system.md、components.md、tailwind-config.md、prompting.md)可查阅但未在公开资料中展开。具体平台、价格与安装命令暂未提供。