Надежное развертывание React-приложений
Настройка развертывания React может быть повторяющейся и подверженной ошибкам. Этот навык предоставляет практические примеры для Vercel, Netlify, Docker, CI/CD, окружений и мониторинга.
Скопируйте этот запрос в своего Агента. Он содержит каноническую страницу Skill и манифест.
Review the Skillstore skill "web-build-deploy" from https://skillstore.io/skills/cjharmath-web-build-deploy.md and its manifest at https://skillstore.io/api/skills/cjharmath-web-build-deploy/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Ваш Агент по-прежнему должен показать план и запросить все подтверждения, требуемые политикой безопасности.
Используйте эти ссылки, когда AI-агенту, crawler или script нужен чистый контекст вместо полной страницы.
Использование «web-build-deploy». Vite React app нуждается в развертывании Vercel с environment variables и SPA routing.
Ожидаемый результат:
Краткий план, охватывающий build command, output directory, поведение preview, имена окружений, security headers и проверки верификации.
Использование «web-build-deploy». Команда хочет Docker-развертывание для статического React bundle.
Ожидаемый результат:
Использование «web-build-deploy». Репозиторию нужны preview deployments для pull request.
Ожидаемый результат:
План workflow с шагами checkout, dependency install, tests, deploy preview и comment для pull request.
The static alerts are overwhelmingly false positives from Markdown fenced examples, placeholder URLs, and documentation snippets for environment variables. I found no prompt injection, secret exfiltration, malicious network behavior, or executable helper scripts in SKILL.md. The author should clarify sample secrets and global CLI install examples so users do not copy unsafe placeholders into production.
Делитесь версионным отчетом об оценке, нейтральным значком, встраиваемой карточкой и цитатами. Skillstore публикует доказательства, не решая, безопасен ли этот Skill.
https://skillstore.io/skills/cjharmath-web-build-deploy/audits/9?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/cjharmath-web-build-deploy?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/cjharmath-web-build-deploy?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/cjharmath-web-build-deploy/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/cjharmath-web-build-deploy.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>CJHarmath. (2026). web-build-deploy security audit report (audit version 9) [Author version unspecified]. Skillstore. https://skillstore.io/skills/cjharmath-web-build-deploy/audits/9@techreport{cjharmath-cjharmath-web-build-deploy-2026,
author = {CJHarmath},
title = {web-build-deploy security audit report (audit version 9)},
institution = {Skillstore},
year = {2026},
number = {9},
url = {https://skillstore.io/skills/cjharmath-web-build-deploy/audits/9},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "web-build-deploy security audit report (audit version 9)"
version: "unspecified"
type: report
authors:
- name: "CJHarmath"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/cjharmath-web-build-deploy/audits/9"
identifiers:
- type: other
value: "skillstore:cjharmath-web-build-deploy:audit:9"
description: "Skillstore immutable audit report identifier"
Создать повторяемые рекомендации по Vercel, Netlify, Docker и GitHub Actions для продуктовых команд.
Настроить переменные окружения, маршрутизацию SPA, security headers и проверки сборки перед релизом.
Добавить предпросмотры pull request и комментарии, чтобы ревьюеры могли тестировать изменения до merge.
Создай checklist production-развертывания для моего React-приложения с использованием Vite и Vercel. Включи пункты по сборке, окружению, безопасности и rollback.
Помоги мне настроить Netlify для React single page app. Включи настройки сборки, redirects, headers и environment variables.
Разработай план Docker-развертывания для статического React-приложения с nginx, SPA fallback, caching и optional backend services.
Спроектируй GitHub Actions CI/CD workflow для React-приложения с tests, preview deploys, production deploys, health checks и Sentry tracking.
Автор
CJHarmathЛицензия
MIT
Ревизия Skillstore
r1
Примечание о версии
Автор не указал версию.
Ссылка
0519034dad657fb1f7706e0550e962beeda73fdf
Актуальность поддержки
18.07.2026
Использование
7 загрузок · 303 просмотров
Структура файлов
📄 SKILL.md
Оптимизация производительности React Native
Приложения React Native могут страдать от медленных списков, лишних рендеров и зависаний потока JS. Этот навык предоставляет сфокусированные паттерны для более быстрых экранов FlatList, мемоизированных компонентов, оптимизированных селекторов, кешированных изображений и профилирования.
Улучшение паттернов React-хранилищ Zustand
Команды React могут сталкиваться с устаревшим состоянием, особенностями времени рендеринга и ошибками асинхронных действий при использовании Zustand. Этот навык дает прямые паттерны для хранилищ, селекторов, производного состояния, тестирования, отладки и персистентности.
Создавайте надежные сторы Zustand для React Native
Команды React Native часто теряют время из-за устаревшего состояния, тайминга асинхронных действий и лишних рендеров. Этот навык предоставляет паттерны Zustand, которые упрощают понимание, тестирование и отладку поведения сторов.
Применение паттернов стилизации React Native
Стилизация React Native может становиться непоследовательной между темами, экранами и платформами. Этот навык дает практические паттерны NativeWind и BrandColors для приложений Expo.
Улучшение наблюдаемости React Native
Тихие сбои и слабые сообщения об ошибках затрудняют диагностику мобильных багов. Этот навык дает практические паттерны React Native для логов, ошибок, трассировки и безопасной отправки отчетов.
Проектирование надежных потоков состояния в React
Сложные потоки React часто ломаются из-за пропущенных await, скрытых переходов и слабых состояний ошибок. Этот навык помогает проектировать явные состояния, валидацию, обратную связь в UI и интеграционные тесты.
Автоматизация DevOps-конвейеров и развертываний
от alirezarezvani
Работа DevOps часто требует повторяемых шаблонов для конвейеров, инфраструктуры и развертываний. Этот навык предоставляет скрипты и справочные руководства для CI/CD, IaC, развертывания и операционного ревью.
Координация облачных DevOps-процессов
от sickn33
Работа по облачной доставке часто охватывает множество инструментов и этапов. Этот навык организует работу с инфраструктурой, CI/CD, Kubernetes, мониторингом, безопасностью, затратами и восстановлением в понятные промпты.
Создавайте надежную автоматизацию тестирования
от 89jobrien
Слабые тесты замедляют релизы и скрывают регрессии. Этот навык помогает со стратегией тестирования, TDD, автоматизацией, анализом покрытия и веб-проверками Playwright.
Создавайте fullstack-приложения с рекомендациями senior-разработчика
от alirezarezvani
Fullstack-проекты часто требуют согласованной настройки, выбора архитектуры и проверок качества. Этот навык предоставляет скрипты и справочные материалы для работы с React, Next.js, Node.js, GraphQL и PostgreSQL.
Реализация React View Transitions
от vercel-labs
Переходы представлений React легко разместить неправильно, что приводит к незаметным или избыточным анимациям. Этот навык помогает выбирать анимации для маршрутов, Suspense, списков и общих элементов.
Создание типобезопасных компонентов React
от softaworks
Работа с React и TypeScript часто требует точных типов для событий, хуков и маршрутов. Этот skill предоставляет сфокусированные паттерны для типизированных компонентов, API React 19 и маршрутизации.