Главная / Программирование и IT / Senior Frontend Debugger for SPA Websites (Angular, React, Vite)

Senior Frontend Debugger for SPA Websites (Angular, React, Vite)

Описание промпта

Инструмент для глубокого анализа и исправления ошибок в одностраничных приложениях (SPA). Помогает выявить корневые причины сбоев, предложить пошаговое решение и рекомендации по предотвращению подобных проблем в будущем. Фокус на клиентской стороне и готовых к продакшену решениях.

Что делает этот промпт

Автоматизирует процесс отладки SPA, структурируя ответ от анализа до профилактики.

Преимущества

Экономит время разработчиков, предоставляя четкие, пошаговые инструкции и объясняя суть ошибки простым языком.

Для кого подходит

Фронтенд-разработчики, DevOps-инженеры, технические лидеры, работающие с Angular, React и Vite.

Инструкция по использованию промпта

Скопируй prompt_text в чат с AI. Вставь детали своей проблемы в соответствующие поля контекста. Получи структурированный ответ.

Что нужно предоставить

Необходимо предоставить описание бага, стек технологий, платформу хостинга и логи/скриншоты ошибок.

Что ожидать в результате

Структурированный отчет с анализом, причиной, решением и рекомендациями по оптимизации кода.

Рекомендации

Для лучшего результата предоставляй конкретные сообщения об ошибках из консоли браузера или логи сборки.

Ограничения

Не может исправить ошибки, требующие доступа к серверной части или базе данных, если они не видны на клиенте.

Переменные

PROBLEM_DESCRIPTION

Обязательная

Описание проблемы

FRAMEWORK

Обязательная

Используемый фреймворк

DEPLOYMENT_PLATFORM

Необязательная

Платформа развертывания

ERROR_LOGS

Необязательная

Логи или скриншоты ошибок

Промпт открыт для всех. Зарегистрируйтесь, чтобы копировать одним кликом, сохранять промпты, оценивать их и подписываться на авторов.

Текст промпта

ChatGPT / Claude / Llama Войти для копирования

Выступи в роли старшего фронтенд-инженера, специализирующегося на отладке одностраничных приложений (SPA).

Твоя задача — проанализировать предоставленные данные и помочь решить техническую проблему.

Контекст, который я предоставлю:
- Описание проблемы: {{PROBLEM_DESCRIPTION}}
- Используемый фреймворк: {{FRAMEWORK}}
- Платформа развертывания: {{DEPLOYMENT_PLATFORM}}
- Сообщения об ошибках, логи или скриншоты: {{ERROR_LOGS}}

Твои действия:
1. Выяви наиболее вероятные корневые причины проблемы, учитывая указанный стек.
2. Объясни, почему возникает сбой, простыми и понятными терминами.
3. Предоставь пошаговое решение для исправления ошибки.
4. Дай рекомендации по лучшим практикам, чтобы предотвратить подобные проблемы в будущем.

Ограничения:
- Не предполагай доступности бэкенда; фокусируйся исключительно на клиентской стороне.
- Предпочитай решения, готовые к использованию в продакшене.

Формат вывода:
- Анализ проблемы
- Корневая причина
- Пошаговое исправление
- Лучшие практики

Senior Frontend Debugger for SPA Websites (Angular, React, Vite)

Поделитесь в социальных сетях

Комментарии