Одного dangerouslySetInnerHTML с текстом публикации или одного VITE_OPENAI_API_KEY в сборке достаточно, чтобы злоумышленник получил доступ к аккаунтам или потратил ваш баланс API. Этот навык находит эти и ещё восемь ошибок во фронтенде на React до выпуска и объясняет, как исправить каждую из них.

Ваш агент запускает сканер для компонентов JSX и TSX, кода React в файлах .js и .ts, файлов .env приложения и конфигурации Vite, webpack и Next.js. Он пропускает комментарии, отличает фиксированные строки от значений, отслеживает значения из URL (useSearchParams, location.search, router.query) в ваших переменных и учитывает стандартные защитные проверки (DOMPurify.sanitize, проверку относительного пути или источника). Тестовые файлы пропускаются. Он никогда не собирает и не запускает приложение. Результат: BLOCK, REVIEW или NOT FLAGGED с указанием файла, строки, причины и более безопасного подхода. Секреты никогда не выводятся.

Что проверяется

BLOCK (исправить до выпуска)

• R01: dangerouslySetInnerHTML с неочищенным HTML

• R02: перенаправления на значение, полученное из URL

• R03: секреты в переменных VITE_, REACT_APP_, NEXT_PUBLIC_ или EXPO_PUBLIC_, секретные ключи Stripe или SDK ИИ в браузере

• R04: eval() или new Function() для значений

REVIEW (проверить перед релизом)

• R11: токены в localStorage или sessionStorage

• R12: innerHTML, insertAdjacentHTML или document.write со значениями

• R13: postMessage с отправкой любому источнику

• R14: обработчики message без проверки источника

• R15: карты исходного кода, опубликованные в производственных сборках

• R16: ссылки и iframe, сформированные из значений URL

Что входит в комплект

• Сканер (Python 3.9+, только стандартная библиотека)

• Руководство по правилам с объяснением причины и более безопасного подхода для каждого правила

• Примеры небезопасного и безопасного приложения на React и настоящий отчёт сканера по небезопасному примеру

Ограничения

Каждый файл анализируется отдельно: значения, передаваемые между компонентами через props, проверки во вспомогательных функциях из других файлов, серверный код, зависимости npm и заголовки Content Security Policy не проверяются. NOT FLAGGED не является гарантией.

Содержимое

Один ZIP-архив с 16 файлами: SKILL.md, сканер в scripts/ (3 файла Python), references/rules.md (каждое правило с объяснением причины и более безопасного подхода), а также examples/ (10 файлов примеров и report.md, фактический вывод сканера для небезопасного примера).

Как пользоваться: Это навык для агента: папка с файлом SKILL.md и скриптами Python, которые может запускать ИИ-агент для программирования, например Claude Code, Cursor или Codex CLI. Распакуйте её в папку навыков вашего агента (для Claude Code: ~/.claude/skills/), затем попросите агента проверить ваш проект. Скрипты можно запускать и отдельно с Python 3.9 или новее, без установки дополнительных пакетов. Они только читают ваши файлы: доступа к сети нет, данные никуда не отправляются.