用途：该技能为 UI 设计决策提供强制性的专业规范，目标是产出可访问、结构清晰的界面。适用于编写 CSS、HTML 或前端组件代码，以及设计网站等场景。
主要能力：涵盖基础原则、少即是多、色彩、布局与间距、排版、Web 字体、文案、按钮、表单、前端 SEO 等主题，并配有对应参考文件（如 references/01-fundamentals.md、references/03-colour.md、references/09-seo.md）。核心原则包括：最小化可用性风险（满足 WCAG 2.1 AA）、每个设计细节都有逻辑理由、最小化交互成本（Fitts 定律、Hick 定律、最小 48pt×48pt 目标区）、最小化认知负荷（Jakob 定律、一致性、清晰视觉层级）、建立设计系统（预定义色板、排版比例、8pt 间距增量、可复用组件）。
关键规则：色彩上文本对比度至少 4.5:1、大文本/UI 元素至少 3:1，不单靠颜色传达含义，品牌色仅用于交互元素，避免纯黑配白，使用 OKLCH 与 light-dark()；排版上多用单一无衬线字体，UI 文本 14px、正文 16px（长文 18-20px），行高至少 1.5，每行 40-80 字符，左对齐，字重通常 2 个最多 3 个；布局用 12 列网格、容器查询、subgrid、响应式图片，悬停效果置于 @media (hover: hover) and (pointer: fine) 之后；图标仅用 SVG 且配可见文字标签；按钮分三级、每屏一个主按钮、最小 48pt×48pt、避免禁用按钮；表单单列、标签在输入框上方、标注必填与可选；SEO 要求每页唯一 title（50-60 字符）与 description（150-160 字符）、自引用 canonical、每页一个 h1、Open Graph、JSON-LD、Core Web Vitals（LCP<2.5s、INP<200ms、CLS<0.1）；favicon 提供五种图标，PWA 另加 manifest.webmanifest。
使用方式：创建 UI 代码时先阅读相关参考文件，应用全部规则，对照清单核验，使用 8pt 间距刻度与色板结构，可用 Popover API、@starting-style、View Transition API（须尊重 prefers-reduced-motion）。
限制：资料未提供该技能的安装命令、收费、价格或平台信息，暂未提供。