mcpField
W
web-design-guidelines

web-design-guidelines

github.com/dirnbauer设计与 UI3346 次安装13 周前更新
代码仓库

关于 web-design-guidelines

web-design-guidelines 用于依据最新的 Web Interface Guidelines 检查文件，适合审查网页界面的开发者，并以简洁的文件和行号格式报告问题。

主要功能

  1. 01每次审查前获取最新界面规则
  2. 02检查指定文件或匹配模式
  3. 03按 file:line 格式报告问题
  4. 04未指定文件时询问审查对象

适用场景

  1. 01按最新指南检查界面代码
  2. 02审查指定文件或匹配模式

安装

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

$npx skills add https://github.com/dirnbauer/webconsulting-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. 使用指南中指定的格式输出检查结果

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

致谢与署名

本技能基于 Vercel 的优秀成果。

原始仓库：https://github.com/vercel-labs/agent-skills

特别感谢 Vercel 慷慨贡献开源内容，助力塑造了这套技能集合。 由 webconsulting.at 为此技能集合改编

评论

支持 Markdown