Browse commands

/impeccable craft

Craft

Сформуйте дизайн, а потім збудуйте його -- все в одному процесі.

01ShapeІнтерв’ю з виявленням. Призначення, користувачі, обмеження, напрямок.
02Load referencesПросторові, типографіка, рух, колір, взаємодія.
03BuildСтруктура, ієрархія, шрифти, колір, стани, рух, адаптивність.
04Iterate visuallyПеревірте в браузері, вдосконалюйте, поки не відповідає брифу.

Кожна фаза обов’язкова. Етап виявлення — це те, де більшість AI-результатів зазнають невдачі: до моменту появи коду мислення вже зафіксовано.

Коли використовувати

/impeccable craft — це команда повної збірки від початку до кінця. Дайте їй опис функції, і вона запустить весь конвеєр: структуроване виявлення, завантаження референсів, реалізацію, візуальну ітерацію. Використовуйте її, коли починаєте нову функцію з нуля і хочете весь процес в одному виклику.

Зверніться до неї, коли:

  • Ви будуєте нову функцію і хочете повний процес. Ви не хочете керувати кроками самостійно.
  • Ви знаєте, що будуєте, але не знаєте, як це має виглядати. Фаза виявлення змушує дизайн-мислення до того, як реалізація його зафіксує.
  • Ви хочете візуальну ітерацію за замовчуванням. craft перевіряє результат у браузері та вдосконалює, поки якість обробки не стане високою, замість відправки першої робочої версії.

Якщо вам потрібне лише мислення без коду, використовуйте /impeccable shape окремо. Якщо у вас вже є чітке бачення і ви просто хочете збудувати, викличте /impeccable безпосередньо з описом вашої функції. craft знаходиться посередині: структурований, повний, категоричний.

Як це працює

craft виконує чотири фази послідовно:

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

Фаза виявлення обов’язкова, і в цьому суть. Більшість UI, згенерованих AI, зазнають невдач, тому що ніхто не запитав, чого намагався досягти користувач, перш ніж модель почала писати JSX. craft інвертує цей порядок.

Спробуйте

/impeccable craft a pricing page for a developer tool

Очікуйте спочатку інтерв’ю з виявлення на 5-10 запитань. Питання про вашу аудиторію, особистість продукту, бажаний емоційний тон, антиреференси та обмеження. Потім — дизайнерський бриф. Потім — реалізація з перевіркою в браузері на кожному етапі. Очікуйте кілька раундів ітерації у фазі візуальної обробки.

Весь запуск довший за типову команду, оскільки включає мислення, будування та вдосконалення. Це компроміс: більше початкової структури, менше виправлень згодом.

Підводні камені

  • Використання для невеликих змін. craft призначений для нових функцій, а не для дрібних правок. Для існуючого коду зверніться до /impeccable polish, /impeccable critique або конкретної команди вдосконалення.
  • Поспіх у фазі виявлення. Інтерв’ю здається повільним порівняно з “просто почати кодити”. Це не так. Ретельні відповіді на запитання дають чіткіший бриф, який дає чіткішу збірку, яка дає менше переробок.
  • Пропуск візуальної ітерації. Фаза існує з причини. Розрив між “технічно працює” і “відчувається правильно” закривається візуальною обробкою, а не оглядом коду. Дайте їй запуститися.