Перед створенням цільової сторінки створіть окрему папку проєкту та додайте файл CLAUDE.md. Цей файл надає Claude Code постійний контекст щодо проєкту, його цілей, структури та правил розробки.

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

Створення ефективного файлу CLAUDE.md

Файл CLAUDE.md не вимагає фіксованої структури. Він має бути коротким, зрозумілим і легким для оновлення. Для документування добре підходять заголовки та марковані списки Markdown:

• Мета проєкту
• Цільова аудиторія
• Технологічний стек
• Структура репозиторію
• Команди для збирання та тестування
• Важливі правила кодування

Claude також може шукати у своїй документації актуальні рекомендації перед створенням файлу.

Вибір місця зберігання

Файл CLAUDE.md може надавати різний рівень контексту залежно від розташування:

• Домашній каталог: інструкції, спільні для кількох проєктів
• Корінь проєкту: контекст для всього репозиторію
• Вкладений каталог: інструкції для певної частини проєкту

Наприклад, файл у корені може описувати всю систему залучення, а файл у папці landing-page містити інструкції, специфічні для вебсайту.

Підготовка цільової сторінки

Claude може ставити уточнювальні запитання перед створенням файлів проєкту. У цьому прикладі цільова сторінка використовує Next.js та Tailwind CSS.

Після того як папка та файл контексту будуть готові, Claude може створити структуру застосунку та створити початковий дизайн на основі завантаженого референсного зображення. Він може визначати такі елементи, як:

• Кольори та типографіка
• Картки сервісів
• Кейси
• Відгуки
• Форми зворотного зв'язку
• Футери

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