
Воротами фронтенд-релиза
Предрелизный рабочий процесс для изменений, затрагивающих UI, который выявляет нарушенные сценарии, регрессии линтинга/типизации и очевидные проблемы безопасности перед выпуском.
Установить
Выполните эту команду, чтобы установить все навыки в этом плагине:
npx skillstore add @frontend-release-gate CLI автоматически обнаруживает папки Codex и Claude Code и устанавливает в обе, когда они доступны.
Обзор
Руководство по использованию
Улучшено с помощью ИИПодробное руководство
## Обзор Ворота фронтенд-релиза — это предрелизный рабочий процесс для изменений, затрагивающих UI. Он выполняет три автоматические контрольные точки качества — проверку сценариев в браузере, валидацию линтинга/типизации и аудит безопасности — чтобы вы могли выпускать製品 с уверенностью и выявлять регрессии до попадания в продакшн. ## Быстрый старт 1. Установите плагин в вашем рабочем пространстве OpenClaw: `npx skillstore add @frontend-release-gate` 2. Перед слиянием UI-ветки запустите **webapp-testing** для выполнения проверок Playwright: проверьте основной сценарий пользователя, сделайте скриншоты ключевых экранов и просмотрите вывод консоли браузера на предмет ошибок. 3. Запустите **lint-typecheck** для выявления нарушений ESLint и ошибок типов TypeScript по всей кодовой базе фронтенда — сохраняя релиз чистым перед слиянием. 4. Наконец, запустите **security-audit** для проверки обработки аутентификации, утечки API-ключей и рисков инъекций перед тем, как изменение попадёт в продакшн. ## Ключевые команды - `webapp-testing` — Запускает проверки браузера на основе Playwright для вашего локального веб-приложения; выявляет нарушенные UI-сценарии, ошибки консоли и предоставляет скриншоты для визуального анализа. - `lint-typecheck` — Выполняет ESLint и проверку типов `tsc`; выявляет регрессии типов и нарушения линтинга, которые CI может пропустить из-за устаревшего кэша. - `security-audit` — Аудитирует пути выполнения команд, разрешения инструментов и обработку API-ключей на предмет уязвимостей аутентификации и рисков инъекций. ## Советы - Запускайте все три проверки последовательно для каждого PR, затрагивающего UI: webapp-testing → lint-typecheck → security-audit. - Используйте вместе с плагином CI-конвейера (например, плагином сборки и тестирования), чтобы проверки запускались автоматически для каждого pull request без ручного запуска. - Если webapp-testing выявляет нарушенный сценарий, исправьте его перед переходом к lint-typecheck — нарушенный рендер часто маскирует ошибки типов downstream.
Навыки
3webapp-testing
Высокий риск 38Тестирование локальных веб-приложений с помощью Playwright
Ручные проверки в браузере пропускают проблемы с отрендеренным состоянием и ошибки консоли. Этот навык помогает писать скрипты Playwright, которые инспектируют страницы, делают скриншоты и запускают локальные серверы.
lint-typecheck
Средний риск 73Проверка линтинга и типов фронтенда
Изменения фронтенда могут пройти ревью, скрывая предупреждения линтера или ошибки TypeScript. Этот навык запускает ожидаемые проверки и сообщает практические результаты перед коммитом.
security-audit
Безопасно 80Аудит безопасности приложения перед релизом
Командам нужна целенаправленная проверка безопасности перед развертыванием. Этот навык проводит Claude, Codex и Claude Code через проверки только для чтения для команд, инструментов, секретов, WebSockets и рисков фронтенда.
Похожие плагины

Пакет для сборки Frontend UI
Создает четкую спецификацию компонента pricing-card с рекомендациями по React/Tailwind, проверкой доступности и ограничениями мобильной верстки.
3 навыки

Пакет для тестирования браузерной автоматизации
Создает практичный рабочий процесс браузерной автоматизации для проверки страницы продукта, проверки навигации, сбора ошибок консоли и обобщения практических QA-находок.
3 навыки

Frontend Design Toolkit
От дизайн-направления до визуального макета и посадочной страницы — рабочий процесс дизайн-в-код
3 навыки