Продакшн-сайт цеха печати флагов: шапка, поиск, слайдер баннера
WordPress
Elementor
WooCommerce
04/04
Tavlo: финтех-лендинг
Лендинг приложения для личных финансов, который сжимается до телефона прямо при прокрутке
React
Container Queries
Fluid type
Работа с ИИ
Нейросеть пишет черновик. В прод уходит МОЙ код.
Я дроблю задачу на микрозадачи и отдаю модели ровно один кусок за раз. Дальше каждый фрагмент идёт через 12 проверок. Прокрутите блок: это мой реальный пайплайн, шаг за шагом.
Пайплайн идёт по скроллу
01Делаю сам
Декомпозиция
Большая задача рубится на микрозадачи. Каждая помещается в голову целиком и проверяется за один подход.
02Делаю сам
Границы контекста
Модель получает ровно один кусок и правила проекта, а не «вот репозиторий, разберись сам».
03Делаю сам
Архитектура и контракты
Слои, границы модулей и сигнатуры я проектирую до того, как уйдёт первый промпт.
04Делает модель
Черновик от модели
Единственный шаг, где работает нейросеть. На выходе черновик, а не готовое решение.
05Делаю сам
Построчное чтение
Читаю каждую строку и объясняю себе, зачем она здесь. Не понял строку, значит она не едет дальше.
06Делаю сам
Логика и типы
Проверяю инварианты, типы и состояния. То, что собирается без ошибок, ещё не значит, что работает верно.
07Делаю сам
Крайние случаи
Пустые данные, гонки, отвал сети, двойной клик. Ровно то, что модель обычно не держит в голове.
08Делаю сам
Тесты
Сначала падающий тест на баг, который я нашёл глазами, потом зелёный прогон.
09Делаю сам
Производительность
Лишние ре-рендеры, аллокации в кадре, запросы в цикле. Вычищаю до мержа, а не после жалоб.
10Делаю сам
Безопасность и зависимости
Валидация входа, секреты, новые пакеты. Лишнюю зависимость проще не тащить в проект.
11Делаю сам
Рефакторинг под проект
Имена, структура, стиль. После этого шага код не отличить от остального кода в репозитории.
12Делаю сам
Ответственность
Под коммитом моё имя. Объяснить любую строку на ревью это моя работа, а не модели.
Декомпозиция: Большая задача рубится на микрозадачи. Каждая помещается в голову целиком и проверяется за один подход.
Границы контекста: Модель получает ровно один кусок и правила проекта, а не «вот репозиторий, разберись сам».
Архитектура и контракты: Слои, границы модулей и сигнатуры я проектирую до того, как уйдёт первый промпт.
Черновик от модели: Единственный шаг, где работает нейросеть. На выходе черновик, а не готовое решение.
Построчное чтение: Читаю каждую строку и объясняю себе, зачем она здесь. Не понял строку, значит она не едет дальше.
Логика и типы: Проверяю инварианты, типы и состояния. То, что собирается без ошибок, ещё не значит, что работает верно.
Крайние случаи: Пустые данные, гонки, отвал сети, двойной клик. Ровно то, что модель обычно не держит в голове.
Тесты: Сначала падающий тест на баг, который я нашёл глазами, потом зелёный прогон.
Производительность: Лишние ре-рендеры, аллокации в кадре, запросы в цикле. Вычищаю до мержа, а не после жалоб.
Безопасность и зависимости: Валидация входа, секреты, новые пакеты. Лишнюю зависимость проще не тащить в проект.
Рефакторинг под проект: Имена, структура, стиль. После этого шага код не отличить от остального кода в репозитории.
Ответственность: Под коммитом моё имя. Объяснить любую строку на ревью это моя работа, а не модели.
Что это значит на практике
Нейросеть ускоряет черновик и рутину. Всё, что определяет качество (декомпозиция, архитектура, ревью и ответственность), остаётся на мне. В проект не попадает код, который я не могу объяснить построчно.