mcpField
W
web-design-guidelines

web-design-guidelines

官方
github.com/vercel-labs设计与 UI33.2k796.5k 次安装1 天前更新
代码仓库

关于 web-design-guidelines

Web Interface Guidelines 是一个用于审查文件是否符合 Web 界面指南的 Agent Skill。它在每次审查前从远程源获取最新规则,并以 file:line 格式输出结果,适合需要统一界面质量检查的团队。

主要功能

  1. 01审查前获取远程源中的最新规则
  2. 02按指定文件或匹配模式进行检查
  3. 03以 file:line 格式输出检查结果
  4. 04未指定文件时询问用户需要审查的范围

适用场景

  1. 01检查页面或组件是否符合界面指南
  2. 02在代码评审中快速定位界面问题

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/vercel-labs/agent-skills --skill web-design-guidelines

安装后在 Claude Code 中输入/web-design-guidelines确认已加载。

详细介绍

Web 界面指南

检查文件是否符合 Web 界面指南。

工作原理

  1. 从下方的源 URL 获取最新指南
  2. 读取指定文件(或提示用户提供文件或模式)
  3. 根据获取的指南检查所有规则
  4. 以简洁的 file:line 格式输出检查结果

指南来源

每次检查前都获取最新指南:

https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md

使用 WebFetch 获取最新规则。获取的内容包含所有规则和输出格式说明。

用法

用户提供文件或模式参数时:

  1. 从上方的源 URL 获取指南
  2. 读取指定文件
  3. 应用获取的指南中的所有规则
  4. 使用指南中指定的格式输出检查结果

如果未指定文件,请询问用户要检查哪些文件。

评论

支持 Markdown