web-design-guidelines

Проверка кода веб-интерфейса

vercel-labs/agent-skillsОт разработчика платформы
32 201звёзд2 823форковУ всего репозитория

Что получите

Краткий список замечаний с указанием файла и строки в формате file:line; детали оформления задаёт руководство.

Что передать

Файл или шаблон имён файлов интерфейса.

Статическая проверка файлов

Проверен состав файлов. Запуск не тестировался. Что проверено

Оценки пользователей

Загрузка оценок…
Ваш опыт
Обсудить →

Как использовать

Помогает разработчикам проверить код интерфейса по Web Interface Guidelines от Vercel. Подходит для разбора доступности, дизайна и удобства использования сайта.

  1. Укажите файлы интерфейса, которые нужно проверить.
  2. Попросите оценить их по всем правилам актуального руководства.

Условия работы

  • Перед каждой проверкой обязательно загружается свежая версия руководства; нужен доступ к его источнику.

Пример запроса после установки

Проверь файлы страницы регистрации по руководству Vercel: оцени доступность и удобство интерфейса, перечисли замечания с указанием файлов и строк.

Пример составлен по инструкции автора; результат запуска не проверялся.

Основание: инструкция закреплённой версии

Для установки

Node.js, npm и Git для команды выше. Подключения и инструменты для работы скилла настраиваются отдельно.

Совместимые агенты

Совместимость указана для инструкций. Запуск в каждом приложении не тестировался; для веб-чата способ подключения может отличаться.

Файлы скилла

GitHub
Читать инструкцию SKILL.md

Исходный текст закреплённой версии.

---
name: web-design-guidelines
description: Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
metadata:
  author: vercel
  version: "1.0.0"
  argument-hint: <file-or-pattern>
---

# Web Interface Guidelines

Review files for compliance with Web Interface Guidelines.

## How It Works

1. Fetch the latest guidelines from the source URL below
2. Read the specified files (or prompt user for files/pattern)
3. Check against all rules in the fetched guidelines
4. Output findings in the terse `file:line` format

## Guidelines Source

Fetch fresh guidelines before each review:

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

Use WebFetch to retrieve the latest rules. The fetched content contains all the rules and output format instructions.

## Usage

When a user provides a file or pattern argument:
1. Fetch guidelines from the source URL above
2. Read the specified files
3. Apply all rules from the fetched guidelines
4. Output findings using the format specified in the guidelines

If no files specified, ask the user which files to review.

Проверка и особенности

Подтверждены официальный репозиторий, назначение, лицензия и состав файлов. Выполнена статическая проверка; запуска и аудита среды выполнения не было.

Есть ссылки на внешние инструкции или инструменты: их содержимое и доступность могут изменяться отдельно от скилла.

Проверка состава
12.09.2026
Проверенная версия
063bee94c3f4
Файлы с кодом
Не указаны в данных проверки
Изменения на GitHub
Нужна повторная проверкаПоследняя проверка: 11.10.2026
Как мы проверяем скиллы

Репозиторий и лицензия

vercel-labs/agent-skills
32 201 звёзд2 823 форков

Это показатели всего репозитория, а не установки скилла. Снимок требует обновления.

Последняя активность GitHub
28.08.2026
Лицензия
MIT

Ещё в этой категории

Все в категории

Обсуждение

Правила

Пользовались этим скиллом? Делитесь опытом без регистрации. Все комментарии проверяет модератор.

Мои комментарии