安装热度榜官方 Skill

web-design-guidelines

用于审查 UI 代码是否符合 Web Interface Guidelines,覆盖间距、字体、交互与无障碍要求。

分类
设计与 UI
榜单排名
#2
安装量
432,998

它能做什么

中文摘要

「web-design-guidelines」的原始 GitHub SKILL.md 将它定位为:Review UI code for Web Interface Guidelines compliance.。它的核心价值是约束界面层级、组件状态、可访问性和视觉验收细节;把测试策略、回归路径和发布前验证步骤前置到 Agent 工作流。文档重点章节包括「How It Works」「Guidelines Source」「Usage」。

为什么推荐

推荐理由

推荐它,是因为它在「设计与 UI」分类里热度靠前(安装量 432,998),同时原始文档信息密度足够高。原文不是只给一个标题,而是给出了可复用的上下文和执行约束。它还被标记为官方条目,适合作为同类任务的优先安装候选。对经常重复的任务来说,这类 Skill 能把经验沉淀到工作流前端,减少临场猜测。

什么时候用

适用场景

  • 做界面实现、组件重构、视觉验收或设计系统一致性检查
  • 处理 Web 应用路由、部署、缓存、服务端渲染和生产问题
  • 建立测试闭环、回归验证、安全检查和发布前质量门

使用前先看

主要亮点

  • 01

    适合做界面验收、规范对照和代码审阅。

  • 02

    可用于发现排版、交互和可访问性偏差。

  • 03

    重点是审查与对齐,不是从零生成完整设计稿。

原始文档

原文摘录

Review UI code for Web Interface Guidelines compliance.