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

У цьому прикладі створюється другий навик Claude Code під назвою generate-mockup. Цей навик отримує лід із бази даних, зазвичай за назвою практики або доменом, і виконує повторюваний процес.

Навик:

• Зчитує деталі ліда з бази даних;
• Відвідує поточний сайт потенційного клієнта;
• Витягує реальну інформацію, таку як назва практики, послуги, місцезнаходження та контактні дані;
• Використовує цей контент для створення сучасного односторінкового редизайну;
• Дотримується вже визначеного дизайнерського напрямку в проєкті;
• Зберігає макет як автономний HTML-файл;
• Оновлює базу даних шляхом додавання шляху до макету та змінює статус ліда на mockup-ready.

Щоб зробити результат простим і портативним, макет створюється за допомогою чистого HTML і Tailwind CSS через CDN. Це дозволяє легко розміщувати кожну сторінку без необхідності повного налаштування застосунку.

Оскільки навик зберігається у папці проєкту .claude/skills, його можна використовувати повторно за потреби. Claude не завжди автоматично визначає навик у Claude Desktop, тому корисно явно вказати Claude, який навик використовувати і де він знаходиться.

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

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