Improving the App Design

Якщо у вас немає готового дизайн-файлу, найшвидший спосіб змінити стиль вашого застосунку — знайти приклад, який вам подобається, і показати його Claude Code. У цьому розділі детально описано, як це зробити.

Як передати дизайн Claude Code

Коли ви знайдете бажаний дизайн:

1. Скопіюйте або зробіть скріншот зображення
2. Вставте його безпосередньо в чат Claude Code
3. Додайте до нього конкретний запит

Приклад ефективного запиту:

"Take the styling and colours of this UI design and implement it into my app. Keep the structure and functionalities exactly the same. Only change the design style."

Чітке зазначення того, що потрібно залишити без змін, так само важливе, як і опис бажаних змін. Якщо не вказати зберегти структуру, Claude Code може змінити більше, ніж ви очікували.

Яку модель використовувати для дизайну

Під час роботи над змінами дизайну перемикайте модель на Opus за допомогою випадаючого списку в Claude Code. Opus краще інтерпретує візуальні приклади та перетворює їх у код. Для більшості інших завдань підходить Sonnet, але для дизайну варто використовувати Opus.

Очікування ітерацій

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