web-design-guidelines

от sentry

Проверка UI-кода на соответствие рекомендациям веб-интерфейса. Используйте, когда вас просят «проверить мой UI», «проверить доступность», «провести аудит дизайна», «проверить UX» или «проверить мой сайт…»

npx skills add https://github.com/getsentry/webvitals.com --skill web-design-guidelines

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.

Больше skills от sentry

generate-frontend-forms
sentry
Руководство по созданию форм с использованием новой системы форм Sentry. Используйте при реализации форм, полей форм, валидации или функциональности автосохранения.
official
sentry-snapshots-cocoa
sentry
Полная настройка Sentry Snapshots для проектов Apple/Cocoa. Используйте, когда вас просят «настроить SnapshotPreviews», «настроить тестирование снимков Apple», «загрузить снимки Apple в…»
official
architecture-review
sentry
Проверка состояния кодовой базы на уровне штатных разработчиков. Выявляет монолитные модули, скрытые сбои, пробелы в типовой безопасности, недостатки тестового покрытия и проблемы с совместимостью с LLM.
official
linear-type-labeler
sentry
Классифицирует задачи Linear и применяет метку типа из таксономии меток рабочего пространства Sentry на основе содержания заголовка и описания каждой задачи.
official
vercel-react-best-practices
sentry
Рекомендации по оптимизации производительности React и Next.js от инженеров Vercel. Этот навык следует использовать при написании, ревью или рефакторинге React/Next.js…
official
bump-size-limit
sentry
Увеличивает лимиты размера в .size-limit.js, когда проверка size-limit в CI завершается неудачей. Используйте, когда пользователь упоминает ошибки лимитов размера, неудачные проверки размера бандла, размер CI…
official
generate-migration
sentry
Генерировать миграции базы данных Django для Sentry. Используйте при создании миграций, добавлении/удалении колонок или таблиц, добавлении индексов или разрешении миграций…
official
security-review
sentry
Находит эксплуатируемые уязвимости безопасности приложений в изменениях кода. Используется для сканирования безопасности Warden, проверки безопасности приложений, проверок в стиле OWASP, аутентификации или…
official