Browse commands

/impeccable craft

Craft

Продумайте дизайн, а затем создайте его — всё в одном потоке.

01ShapeИнтервью-исследование. Цель, пользователи, ограничения, направление.
02Load referencesПространство, типографика, анимация, цвет, взаимодействие.
03BuildСтруктура, иерархия, типографика, цвет, состояния, анимация, адаптивность.
04Iterate visuallyПроверка в браузере, доработка до соответствия брифу.

Каждый этап обязателен. Этап исследования — это то место, где большинство ИИ-результатов терпят неудачу: к моменту появления кода мышление уже зафиксировано.

Когда использовать

/impeccable craft — это команда полной сборки. Дайте описание функции, и она запустит весь конвейер: структурированное исследование, загрузку референсов, реализацию, визуальную итерацию. Используйте, когда начинаете новую функцию с нуля и хотите весь рабочий процесс в одном вызове.

Обращайтесь к ней, когда:

  • Вы создаёте новую функцию и хотите полный процесс. Вы не хотите управлять этапами самостоятельно.
  • Вы знаете, что создаёте, но не знаете, как это должно выглядеть. Этап исследования заставляет дизайнерское мышление до того, как реализация зафиксирует его.
  • Вы хотите визуальную итерацию по умолчанию. craft проверяет результат в браузере и дорабатывает до высокого уровня полировки вместо отправки первой рабочей версии.

Если вам нужно только мышление без кода, используйте /impeccable shape отдельно. Если у вас уже есть чёткое видение и вы хотите просто создать, вызовите /impeccable напрямую с описанием функции. craft находится посередине: структурированный, полный, субъективный.

Как это работает

craft выполняет четыре этапа по порядку:

  1. Продумывание дизайна. Запускает /impeccable shape внутри: короткий исследовательский разговор о цели, пользователях, контенте, ограничениях и задачах. Результат — дизайн-бриф, который вы можете прочитать и оспорить.
  2. Загрузка референсов. На основе брифа подтягивает нужные справочные файлы (пространство, типографика, анимация, цвет, взаимодействие, адаптивность, UX-тексты), чтобы модель имела релевантные принципы до начала кодирования.
  3. Сборка. Реализует функцию в определённом порядке: сначала структура, затем интервалы и иерархия, затем типографика и цвет, затем состояния, затем анимация, затем адаптивность. Каждое решение прослеживается до брифа.
  4. Визуальная итерация. Открывает результат в браузере, проверяет на соответствие брифу и каталогу антипаттернов и дорабатывает до совпадения с замыслом. Этот этап критически важен. Первая рабочая версия никогда не становится финальной.

Этап исследования обязателен, и в этом суть. Большинство ИИ-генерируемых интерфейсов терпят неудачу, потому что никто не спросил, чего пытается достичь пользователь, прежде чем модель начала писать JSX. craft меняет этот порядок.

Попробуйте

/impeccable craft a pricing page for a developer tool

Ожидайте сначала интервью из 5–10 вопросов. Вопросы о вашей аудитории, характере продукта, эмоциональном тоне, антиреференсах и ограничениях. Затем дизайн-бриф. Затем реализация с проверкой в браузере на каждом этапе. Ожидайте несколько раундов итераций на этапе визуальной полировки.

Весь запуск дольше типичной команды, потому что включает мышление, создание и доработку. Это компромисс: больше предварительной структуры, меньше исправлений потом.

Подводные камни

  • Использование для мелких изменений. craft предназначен для новых функций, а не для правок. Для существующего кода используйте /impeccable polish, /impeccable critique или конкретную команду доработки.
  • Спешка на этапе исследования. Интервью кажется медленным по сравнению с «просто начать кодить». Это не так. Внимательные ответы создают более точный бриф, который создаёт более точную сборку, которая сокращает количество переделок.
  • Пропуск визуальной итерации. Этот этап существует по причине. Разрыв между «технически работает» и «выглядит правильно» закрывается визуальной полировкой, а не ревью кода. Дайте ему отработать.