关于 web-design-guidelines
web-design-guidelines 是用于依据最新 Web Interface Guidelines 检查文件的技能。它按文件和行号报告问题;未指定文件时会询问检查对象。
主要功能
- 01获取最新指南规则
- 02检查指定文件或模式
- 03按文件和行号报告问题
适用场景
- 01依据最新指南检查界面文件
- 02定位一组文件中的指南问题
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ bytedance/ deer-flow --skill web-design-guidelines安装后在 Claude Code 中输入/web-design-guidelines确认已加载。
详细介绍
Web 界面指南
检查文件是否符合 Web 界面指南。
工作原理
- 从下方的源 URL 获取最新指南
- 读取指定文件(或提示用户提供文件或模式)
- 根据获取的指南检查所有规则
- 以简洁的
file:line格式输出检查结果
指南来源
每次检查前都获取最新指南:
https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md
使用 WebFetch 获取最新规则。获取的内容包含所有规则和输出格式说明。
用法
用户提供文件或模式参数时:
- 从上方的源 URL 获取指南
- 读取指定文件
- 应用获取的指南中的所有规则
- 使用指南中指定的格式输出检查结果
如果未指定文件,请询问用户要检查哪些文件。
评论
支持 Markdown