От V1.0 к V2.0: Переосмысление пайплайна Vibe Coding

Недавно я исправил небольшую опечатку в своем open-source проекте vibe-coding-universal. Я изменил метку с v2.0 (старая) на v1.0 (старая).

Это маленькое изменение выявило большую проблему. Даже я не знал названия собственной версии. Если я запутался, то и ваши пользователи тоже потеряются.

Моя первая версия была простой. Она использовала 7 вопросов, чтобы помочь ИИ понять требования. Она создавала один файл-руководство для таких инструментов, как Claude Code или Cursor. Она работала, но у неё были недостатки:

  • ИИ приходилось угадывать цвета, шрифты и отступы.
  • Дизайн и задачи находились в одном единственном файле.
  • ИИ полагался на собственную память вместо реальных дизайн-систем.

Версия 2.0 — это не просто обновление. Это новый подход к работе.

V1.0 против V2.0:

V1.0:

  • 7 раундов вопросов по требованиям.
  • Отсутствие правил дизайна.
  • Один единственный файл-руководство.
  • Отсутствие внешних ссылок.

V2.0:

  • 7 раундов вопросов по требованиям + 7 раундов предпочтений в дизайне.
  • Полный DESIGN_SPEC.md с цветами, шрифтами и правилами верстки.
  • Полный пакет Build Spec (PRD, Design, Architecture, Tasks).
  • Доступ к 71 дизайн-системе брендов, таких как Stripe, Linear и Apple.
  • Точные CSS-токены для использования ИИ.

Большинство людей пишут плохие промпты для ИИ. Они спрашивают: «Какой стиль дизайна вам нравится?». Это слишком расплывчато.

V2.0 вместо этого использует множественный выбор. В каждом раунде задается один вопрос с 4–6 вариантами ответа.

  • Раунд 1: Тип проекта (SaaS, дашборд, ИИ-инструмент и т. д.).
  • Раунд 2: Визуальный референс (Stripe, Apple, Vercel и т. д.).
  • Раунд 3: Цветовое настроение (Холодное, Теплое, Нейтральное).

После 7 раундов система извлекает дизайн-токены из 71 системы брендов. Она выдает список CSS-переменных. Это дает ИИ точные инструкции.

Ошибка с версией произошла из-за того, что разрыв между V1.0 и V2.0 был слишком велик. Я воспринимал обе как «текущую» версию.

Если ваш проект претерпевает масштабные изменения, используйте четкие метки версий. Пользователи не будут тратить 5 минут на изучение вашей структуры. У них есть всего 10 секунд.

Перед следующим обновлением спросите себя:

Сможет ли новый пользователь понять это сравнение за 3 секунды?

Если ответ «нет», сначала исправьте текст, а потом — код.

Источник: https://dev.to/manoir_yantai_f22f01340f0/cong-v10-dao-v20-ge-vibe-coding-guan-xian-de-jia-gou-ji-fan-si-591h

Опциональное обучающее сообщество: https://t.me/GyaanSetuAi