AI для Frontend-разработчик

РазработчикСложный

Рефакторинг legacy кода

Предложи план рефакторинга для этого legacy кода: ```[язык] [код] ``` Контекст: [контекст] Анализ: 1. **Запахи кода**: какие проблемы выявлены 2. **Технический долг**: оценка сложности исправления 3. **Риски**: что может сломаться План рефакторинга (пошаговый): 1. Шаг 1: что делаем, почему, риски 2. Шаг 2: ... Для каждого шага: - Изменение - Паттерн/принцип - Тесты для проверки - Код "до" и "после" Приоритизация: - Quick wins (быстрые улучшения) - Критичные исправления - Долгосрочные улучшенияПример результата## План рефакторинга ### Выявленные запахи кода: 1. Неинформативные имена (d, r, i, a, b) 2. Отсутствие типизации 3. Императивный стиль вместо декларативного ### Шаг 1: Переименование переменных **До:** ```javascript function processData(d) { var r = []...Примеры применения•рефакторинг•legacy•технический долг

207 копий

РазработчикСредний

Документация API

Создай документацию для API: Эндпоинты: [описание эндпоинтов] Формат: OpenAPI 3.0 (YAML) Для каждого эндпоинта: 1. Путь и метод 2. Описание 3. Параметры (path, query, header) 4. Request body со схемой 5. Responses (200, 400, 401, 404, 500) 6. Примеры запросов и ответов Дополнительно: - Общее описание API - Аутентификация - Версионирование - Rate limiting - Коды ошибокПример результата```yaml openapi: 3.0.3 info: title: Users API version: 1.0.0 description: API для управления пользователями servers: - url: https://api.example.com/v1 paths: /users: post: summary: Создание пользователя requestBody: required: true content: application/json: schema: $ref: '#/components/schemas/CreateUser'...Примеры применения•API•документация•OpenAPI

129 копий

ДизайнерБазовый

Бриф на дизайн

Помоги составить бриф на дизайн: **Тип проекта:** [тип] **Клиент:** [клиент] **Описание задачи:** [задача] Структура брифа: 1. **О проекте** - Цель дизайна - Задачи, которые решает - Ключевые метрики успеха 2. **Целевая аудитория** - Кто пользователи - Их потребности и боли - Контекст использования 3. **Требования** - Обязательные элементы - Ограничения - Технические требования 4. **Референсы** - Что нравится (и почему) - Что не нравится (и почему) - Конкуренты 5. **Tone of Voice и стиль** 6. **Deliverables** - Форматы - Размеры - Количество вариантов 7. **Таймлайн и этапы**Пример результата## Бриф: Редизайн фитнес-приложения ### 1. О проекте **Цель:** Обновить визуальный стиль и улучшить UX для увеличения retention и DAU. **Задачи:** - Сделать интерфейс современнее (текущий выглядит устаревшим) - Улучшить flow прохождения тренировки - Упростить навигацию **Метрики успеха:** - Увеличение D7 retention с 30% до 40% - Рост completion rate тренировок с 60% до 75% ### 2. Целевая аудитория - Женщины 25-40 лет - Тренируются дома - Уровень: новички и средний...Примеры применения•брифы•проектирование•UX

469 копий

РазработчикБазовый

Отладка ошибки

Помоги отладить ошибку: **Сообщение об ошибке:** ``` [ошибка] ``` **Код:** ```[язык] [код] ``` **Контекст:** [контекст] Проведи анализ: 1. **Расшифровка ошибки**: что означает 2. **Возможные причины**: список от наиболее вероятной 3. **Диагностика**: как проверить каждую гипотезу 4. **Решение**: код исправления 5. **Профилактика**: как избежать в будущем Если нужна дополнительная информация для диагностики — укажи какая.Пример результата## Анализ ошибки ### Расшифровка `TypeError: Cannot read property 'map' of undefined` означает, что переменная `items` равна `undefined`, и мы пытаемся вызвать метод `.map()`. ### Возможные причины: 1. **API вернул пустой ответ** (response.data = undefined) 2. **Неправильная структура ответа** (данные в другом поле)...Примеры применения•отладка•debugging•troubleshooting

129 копий

Все промпты

AI-инструменты для frontend-разработчик

Лучшие нейросети и сервисы для работы

Bolt.new

AI-платформа для создания полноценных веб-приложений прямо в браузере. Описывайте приложение на русском — Bolt напишет код, запустит и задеплоит его.

4.7

Claude

Ассистенты

Мощный AI-ассистент от Anthropic с поддержкой длинного контекста и глубокого анализа. Лидирует в следовании инструкциям, написании кода и работе с документами.

4.9

GitHub Copilot

AI-помощник для разработчиков от GitHub и OpenAI. Интегрирован в VS Code, JetBrains и другие IDE. Генерирует код, тесты и документацию прямо в редакторе.

4.7

Платный

v0 by Vercel

AI-инструмент от Vercel для генерации React компонентов и UI по текстовым описаниям или скриншотам. Выводит готовый код на shadcn/ui и Tailwind CSS.

4.7

Cursor

AI-редактор кода, который понимает весь ваш проект. Автодополнение, чат с кодом, рефакторинг и генерация — всё встроено в знакомый VSCode-интерфейс.

4.9