用途：为构建和评审用户界面提供设计原则与质量标准。适用于开发新 UI 组件或页面、实现设计系统元素、添加交互功能、处理响应式布局；也适用于评审含视觉改动的 PR、验证无障碍合规、检查设计系统一致性以及发布前最终 QA。
核心原则：用户优先，优先清晰而非炫技，减少用户操作成本；注重细节，保持间距一致、元素对齐与交互打磨；简洁清晰，移除无目的元素；速度与性能，关注首屏加载、即时反馈与流畅动画；一致性，相同操作在全产品中外观与行为统一；无障碍，包括足够颜色对比、键盘导航、屏幕阅读器支持并尊重减少动态偏好。
设计基础：颜色需建立系统化调色板，含中性色阶、主品牌色与语义色，每对组合应满足 WCAG AA 对比度，并从一开始规划暗色模式；排版需清晰易读且层级明确；间距基于统一基数；圆角使用少量固定值并一致应用。
组件标准：交互元素需有默认、悬停、激活、聚焦与禁用等清晰状态，聚焦状态对键盘用户至关重要；按钮建立主、次、弱层级，破坏性操作单独样式，按钮文案应描述动作；表单标签可见并与输入关联，不依赖占位符，提供辅助文本与明确错误信息；卡片容器保持内边距间距一致；数据表格需清晰表头、一致对齐、考虑空状态与加载；反馈状态使用徽章标签并不仅依赖颜色。
布局与层级：通过大小、粗细、颜色和位置引导注意力；善用留白；使用一致网格与对齐；为移动、平板、桌面设置断点，避免横向滚动。无障碍标准涵盖键盘导航、聚焦指示器、颜色对比（正文 4.5:1，大文本 3:1）、语义结构、标题层级与减少动态。
评审流程：先在真实环境体验用户流程与性能，再系统化覆盖主流程、边界与多视口，用截图作为证据并描述用户影响。问题按阻断、高优先级、中优先级、吹毛求疵分级；报告按摘要、阻断、高优先级、建议、吹毛求疵组织。评审以做得好的地方开头，聚焦用户影响而非直接规定技术方案。
限制与集成：该技能专注设计原则与评审方法，自动化浏览器测试（截图、视口测试、交互验证）需配合 frontend-playwright 技能。具体实现细节（CSS 方案、组件库、令牌值）应适配项目现有技术栈与惯例。其他具体功能、收费、价格与平台信息资料暂未提供。