用途：在设计与评审 Web UI 时提供按需参考，覆盖表单、按钮、输入、视觉层级、配色系统与布局等主题。技能本身是一个索引，按任务只读取所需参考文件，不做全量加载。
主要能力：提供排版（字号、行高、标题层级、垂直节奏）、表单与输入（校验、复选框、单选、下拉、文本域）、按钮（层级、尺寸、状态、CTA、幽灵按钮）、配色系统（调色板、暗色模式、色阶、状态色）、UI 组件（导航、卡片、标签页、手风琴、模态、表格、提示）、布局与间距（网格、间距刻度、响应式、留白）、视觉层级（聚焦技巧、行动金字塔）、可访问性（对比度、焦点态、屏幕阅读器、WCAG）与 CSS 实现模式的参考资料。
通用基线：间距采用 4px 基准刻度；正文 16px、行高 1.5；标题与正文比例不超过 1:3；段落间距为行高除以 1.5；触控目标最小 44×44px、推荐 48×48px；对比度普通文本 4.5:1、大号文本 3:1、UI 组件 3:1；每屏仅一个主按钮；暗色模式背景 #121212、文本 #E0E0E0 并降低饱和度。
使用方式：先判断问题类型，再选择对应参考文件。例如文字难读或间距异常看 typography，表单校验看 forms-and-inputs，点击目标不明确看 buttons 或 visual-hierarchy，配色与暗色模式看 color-systems，需要导航卡片等看 ui-components，间距不统一看 layout-and-spacing，需要 CSS 实现看 css-patterns。评审时按层级、可读性、表单、间距、可访问性五个方面逐项检查。
适用场景：Web 界面设计、UI 评审、表单与交互实现、视觉层级与配色调整、响应式布局排布、WCAG 可访问性自查。
限制：不适合纯品牌视觉与身份设计、营销文案决策、后端架构以及移动原生模式（iOS 与 Android 规范不同）。资料未提供安装方式、平台与收费信息。