К основному содержанию
скилл GitHub Copilot официальный · GitHub

react-audit-grep-patterns — скилл для GitHub Copilot

Набор grep-команд для проверки React-проектов перед переходом на React 18.3.1 или React 19. Помогает агентам находить устаревший синтаксис.

Установить в GitHub Copilot · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add github/awesome-copilot --skill react-audit-grep-patterns
Открыть на GitHub

Что делает react-audit-grep-patterns

Скилл содержит библиотеку поисковых паттернов grep для аудита кодовой базы React. Он предназначен для субагентов react18-auditor и react19-auditor, чтобы они не составляли команды по памяти. Это исключает ошибки в флагах контекста при поиске сложных конструкций вроде многострочных вызовов асинхронного setState.

Шаблоны распределены по файлам внутри репозитория. Документ references/react18-scans.md отвечает за аудит перехода с React 16 или 17 на версию 18.3.1, а references/react19-scans.md закрывает миграцию с React 18 на 19. Дополнительные файлы references/test-scans.md и references/dep-scans.md сканируют тесты и конфликты зависимостей. Все команды настроены на поиск по .js и .jsx с автоматическим фильтром папок node_modules и тестов.

Ставить этот скилл стоит разработчикам, которые готовят крупное приложение к мажорному обновлению и автоматизируют проверку кода через GitHub Copilot.

Какие задачи решает

  • Найти устаревшие и удаленные методы жизненного цикла React
  • Выявить асинхронные вызовы setState и уязвимости автоматического батчинга
  • Проверить тестовые файлы на несовместимый синтаксис перед обновлением
  • Найти несовместимые зависимости и конфликты peer dependencies

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

  • Проверь проект перед миграцией на React 19 с помощью grep-паттернов
  • Запусти аудит кодовой базы для перехода с React 17 на React 18.3.1
  • Найди небезопасные методы жизненного цикла и многострочные вызовы setState

Как установить react-audit-grep-patterns

1Через Skills CLI (Vercel)

npx skills add github/awesome-copilot --skill react-audit-grep-patterns

2GitHub CLI

gh skill install github/awesome-copilot react-audit-grep-patterns

3Вручную: положить файлы

.github/skills/react-audit-grep-patterns/SKILL.md

Из того же набора554

Весь набор →
git-commit официальный github Скилл разбирает изменения Git, выбирает связанные файлы и создаёт коммит в формате Conventional Commits. Пригодится, когда нужно закоммитить одну или несколько логических частей изменений. GitHub Copilot 47 165установок excalidraw-diagram-generator официальный github Скилл превращает описание на обычном языке в диаграмму Excalidraw. Подойдёт, когда нужно показать процесс, связи между объектами или устройство системы. GitHub Copilot 31 639установок multi-stage-dockerfile официальный github Скилл помогает создавать многоэтапные Dockerfile для разных языков и фреймворков. Пригодится, когда важны размер и состав runtime-образа. GitHub Copilot 29 688установок documentation-writer официальный github Скилл для создания технической документации по фреймворку Diátaxis: туториалы, гайды, справки и объяснения. Предлагает структуру перед написанием. GitHub Copilot 27 757установок prd официальный github Собирает из идеи структурированный PRD с пользовательскими историями, техническими требованиями и рисками. Подходит для планирования новых функций, в том числе с AI. GitHub Copilot 24 035установок refactor официальный github Скилл помогает менять структуру кода без изменения внешнего поведения. Подойдёт для постепенной уборки сложных функций, дублирования и кодовых запахов. GitHub Copilot 22 321установок java-springboot официальный github Задаёт практики разработки Spring Boot-приложений: от структуры проекта до тестов и безопасности. Пригодится, когда Copilot пишет или проверяет Java-код. GitHub Copilot 21 272установок create-readme официальный github Скилл изучает проект и создаёт структурированный README.md. Подойдёт, когда документацию нужно собрать по коду и файлам проекта. GitHub Copilot 19 081установок

Похожие

sign-in-with-google-web официальный google Помогает настроить вход через Google Identity Services на вебе. Защищает токены и закрывает уязвимости авторизации по стандартам IETF. Claude Code Gemini CLI CX Codex 743установок swiftui-ui-patterns официальный OpenAI Скилл помогает собирать и рефакторить SwiftUI-интерфейсы: навигацию, состояние, компоновку и контролы. Подойдёт для новых экранов и правок существующего проекта. CX Codex GP ChatGPT 114установок frontend-design официальный anthropics Скилл задаёт осмысленное визуальное направление для новых интерфейсов и редизайна. Подойдёт, когда стандартный шаблонный UI не устраивает. Claude Code Claude.ai 1 025 790установок design-taste-frontend Leonxlnx Скилл задаёт арт-дирекцию для публичных страниц и рабочих экранов, а затем проверяет результат в браузере по скриншотам. Нужен, когда интерфейс выглядит шаблонным или недоработанным. Claude Code CX Codex Cursor +1 673 100установок prototype Matt Pocock Создаёт временный прототип, чтобы проверить логику, модель состояния или вид интерфейса до работы над основным кодом. Claude Code 986 201установок hyperframes heygen-com Скилл задаёт агенту правила рендера HTML-кода в видео через HyperFrames. Помогает собирать проморолики, эксплейнеры и титры прямо в коде проекта. Claude Code CX Codex Cursor +1 1 200 000установок hyperframes-cli heygen-com Управляет проектами HyperFrames через терминал: собирает таймлайн, проверяет контраст кадров, запускает предпросмотр и рендерит видео локально или в облаке. Claude Code CX Codex Cursor +1 1 200 000установок webapp-testing официальный anthropics Скилл запускает проверки локальных веб-приложений через Playwright: помогает отлаживать UI, делать скриншоты и смотреть логи браузера. Claude Code Claude.ai 186 758установок

Вопросы о react-audit-grep-patterns

Как установить react-audit-grep-patterns в GitHub Copilot?

Выполните npx skills add github/awesome-copilot --skill react-audit-grep-patterns или gh skill install github/awesome-copilot react-audit-grep-patterns. Также можно сохранить файл по пути .github/skills/react-audit-grep-patterns/SKILL.md.

Для каких версий React подходят эти шаблоны?

В скилле подготовлены команды для двух веток миграции: с React 16 и 17 на 18.3.1, а также с React 18 на React 19.

Зачем использовать готовые команды вместо обычного поиска?

Обычный поиск часто пропускает многострочные асинхронные вызовы setState. Готовые шаблоны содержат правильные флаги контекста и сразу исключают тесты и зависимости.

Исходный текст

SKILL.md · MIT
---
name: react-audit-grep-patterns
description: 'Provides the complete, verified grep scan command library for auditing React codebases before a React 18.3.1 or React 19 upgrade. Use this skill whenever running a migration audit - for both the react18-auditor and react19-auditor agents. Contains every grep pattern needed to find deprecated APIs, removed APIs, unsafe lifecycle methods, batching vulnerabilities, test file issues, dependency conflicts, and React 19 specific removals. Always use this skill when writing audit scan commands - do not rely on memory for grep syntax, especially for the multi-line async setState patterns which require context flags.'
---

# React Audit Grep Patterns

Complete scan command library for React 18.3.1 and React 19 migration audits.

## Usage

Read the relevant section for your target:
- **`references/react18-scans.md`** - all scans for React 16/17 → 18.3.1 audit
- **`references/react19-scans.md`** - all scans for React 18 → 19 audit
- **`references/test-scans.md`** - test file specific scans (used by both auditors)
- **`references/dep-scans.md`** - dependency and peer conflict scans

## Base Patterns Used Across All Scans

```bash
# Standard flags used throughout:
# -r = recursive
# -n = show line numbers
# -l = show filenames only (for counting affected files)
# --include="*.js" --include="*.jsx" = JS/JSX files only
# | grep -v "\.test\.\|\.spec\.\|__tests__" = exclude test files
# | grep -v "node_modules" = safety (usually handled by not scanning node_modules)
# 2>/dev/null = suppress "no files found" errors

# Source files only (exclude tests):
SRC_FLAGS='--include="*.js" --include="*.jsx"'
EXCLUDE_TESTS='grep -v "\.test\.\|\.spec\.\|__tests__"'

# Test files only:
TEST_FLAGS='--include="*.test.js" --include="*.test.jsx" --include="*.spec.js" --include="*.spec.jsx"'
```

© github · MIT · github/awesome-copilot

Смотрите также

Спонсоры проекта

Компании, которые помогают держать аналитику открытой