SkillFoxx
Telegram

phase CLI

phase сканирует код на лишнюю работу браузера в анимации, рендеринге и загрузке и ставит агенту скилл для оптимизации.

  • 105 ★ репозитория
  • Последний коммит
CLI

Минимальный доступ

Почему такой уровень

  • Сканер читает исходный код и печатает отчет; код проекта он не изменяет.
Все причины и проверки

vercel-labs/phaseАвтор:Vercel Labs

Установка

Работает в

Ручная установка

npx skills add vercel-labs/phase --skill phase

Команда из раздела Agent skill в README. Сканер входит в скилл, отдельная установка не нужна.

Доступ и проверки

Как мы проверяем

Минимальный доступИнструмент ничего не запускает и не ходит в сеть.

  • Сканер читает исходный код и печатает отчет; код проекта он не изменяет.

Это чужой код. Посмотрите файлы в репозитории перед установкой.

Что делает

phase — набор для производительности браузера от Vercel Labs (альфа-версия). Команда `npx phase scan` детерминированно ищет в коде приемы, которые заставляют браузер делать лишнюю работу: `--diff origin/main --fail-on critical` ловит новые критические замечания в CI, `npx phase explain setstate-in-raf` объясняет найденный случай и исправление. Скилл `phase` ставится командой `npx skills add vercel-labs/phase --skill phase` и дает агенту справочники по API среды выполнения, правила производительности и порядок аудита. Он выбирает самый дешевый подход для задачи и умеет строить анимацию, оптимизировать готовую и проверять страницу или набор компонентов, а результат оформляет как HTML-отчет для команды. Сканер входит в скилл, Отдельная установка не требуется. Базовая линия замечаний не мешает новым pull request.

Для кого. Фронтенд-разработчикам, которые делают анимации и тяжелые интерфейсы и хотят ловить лишнюю работу браузера в коде до релиза.

Подходит, если

  • Анимация подтормаживает, и нужно найти причину в коде.
  • CI должен падать на новых критических замечаниях по производительности.
  • Надо проверить страницу или маршрут и отдать команде отчет в HTML.
  • Библиотеку компонентов нужно оценить на типичные ошибки рендеринга.

Не подходит, если

  • Нужна замеренная производительность в реальном браузере, а не статический разбор.
  • Проект не на JavaScript и TypeScript.
  • Требуется стабильный API без изменений.

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

Проведи аудит маршрута /dashboard скиллом phase и подготовь HTML-отчет с замечаниями по анимациям и способами исправления.

Ограничения

Проект помечен как альфа: API быстро меняется, возможны несовместимые изменения. Сканер детерминированный, но каждое совпадение нужно проверять человеку: он ищет шаблоны в коде, а не измеряет реальную страницу. Для запуска нужен Node.js (используется `npx`). Лицензия MIT указана в пакете CLI. Скилл можно поставить и вручную, скопировав `skills/phase/` в `.agents/skills/phase/` проекта и сославшись на `SKILL.md` из `AGENTS.md`.

Как отключить. Удалите папку `.agents/skills/phase` из проекта или скилл через менеджер скиллов, а шаги `phase scan` уберите из CI.

Частые вопросы

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

Выполните `npx skills add vercel-labs/phase --skill phase`. Вручную скопируйте `skills/phase/` в `.agents/skills/phase/`.

Как запустить сканер?

Командой `npx phase scan src components` либо `npx phase scan --diff origin/main --fail-on critical` для CI.

Как объяснить замечание?

Командой `npx phase explain <правило>`, например `setstate-in-raf`.

Что делать с существующими замечаниями?

Зафиксировать базовую линию, чтобы они не ломали новые pull request.

Стабилен ли инструмент?

Нет, проект в альфе: API меняется, возможны несовместимые изменения.

Обсуждение

Вопросов и отзывов пока нет.

CLI-инструменты

Скиллы Visant для Claude Code: аудит интерфейса против ИИ-шаблонов, дизайн, моушен, тексты, монтаж и ролики с сайтов

СкиллРасширенный доступ89

Скилл воссоздает интерфейс по сайту, скриншоту или записи экрана и оценивает копию по макету, стилю, пикселям и движению.

СкиллРасширенный доступ103

Скилл для сборки премиальных скролл-сайтов с реальным дизайн-стандартом: типографика, ритм, глубина, движение и проверка в браузере

СкиллРасширенный доступ5 тыс.

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

СкиллРасширенный доступ112

56 сниппетов на JavaScript для замеров веб-производительности: агент запускает их через навыки, MCP или CLI и разбирает результат

СкиллРасширенный доступ1,5 тыс.

Скилл-методика воспроизведения сайтов: от статичной страницы до тяжелого WebGL, с упором на настоящий исходный код, а не на выдуманный агентом

СкиллРасширенный доступ1,1 тыс.

Коротко о README

Сканер находит шаблоны лишней работы браузера, скилл подсказывает агенту порядок аудита. Проект Vercel Labs в стадии альфа.

Бейдж для README

Сообщить о проблеме