Официальный навык проверки интерфейсов от Vercel: перед каждой проверкой загружает последние рекомендации Web Interface Guidelines с GitHub, построчно сверяет их с указанными вами файлами и выводит список проблем в формате file:line.
Количество установок skills.sh 792813 (+4577 / 24 ч)
Аудит безопасности: есть предупреждения о рисках
- Выполняет сетевые запросы или вызывает внешние API / удаленные MCP
- Область аудита: GitHub vercel-labs/agent-skills/skills/web-design-guidelines/SKILL.md (сканируется только текст SKILL.md)
Обоснование
- Правила охватывают доступность, состояния фокуса, формы, анимацию, типографику, изображения, производительность, навигацию и состояния, сенсорное управление, безопасные зоны, темный режим, мультиязычность, безопасность гидратации и тексты, а также включают список антипаттернов для выявления
- Вывод унифицирован в виде кратких заключений, сгруппированных по файлам с указанием file:line, что удобно для построчного исправления
- Сам файл SKILL.md содержит всего несколько строк, все правила находятся в удаленном файле, поэтому после обновления рекомендаций переустановка не требуется
- За последние 24 часов навык skills.sh был установлен 4577 раз, общее количество установок составляет 792813 (отражает только уровень интереса)
Использование
- npx skills add https://github.com/vercel-labs/agent-skills --skill web-design-guidelines
- Скажите агенту «review my UI» и укажите файлы или пути с масками; если файлы не указаны, агент сначала задаст уточняющий вопрос
- Требуется наличие инструмента для чтения из сети, такого как WebFetch, на стороне клиента
Риски
- Сетевые запросы, упомянутые в аудите, соответствуют назначению: при каждом запуске файл command.md загружается с raw.githubusercontent.com из репозитория vercel-labs/web-interface-guidelines, а SKILL.md предписывает использовать содержащиеся там правила и формат вывода, что фактически передает инструкции по проверке в удаленный файл с нефиксированной версией
- Выполняется только проверка без изменений; некоторые правила сформулированы с учетом синтаксиса React / Tailwind (например, <Link>, focus-visible:ring-*)