Как я учу Claude Code видеть, думать и делать

Представьте: у вас новорождённый ребёнок. Умный. Способный. Но ничего не умеет.

Ему нужно дать глаза — чтобы видел. Руки — чтобы делал. И мозги — чтобы понимал, что именно делать.

Про память я уже писал. CLAUDE.md, файлы проекта, контекст после сжатия. Это база. Но без скиллов ваш агент — слепой стажёр с хорошей памятью.

Глаза

По умолчанию Claude Code не видит сайты. Он работает с кодом, но не видит, как это выглядит в браузере. Не видит то, что видит пользователь.

Для этого нужен headless-браузер. Я перепробовал несколько — лучше всего работает Chrome MCP Server.

После установки агент может открыть любую страницу, посмотреть на неё, сделать скриншот, проверить, как она выглядит на телефоне.

Без этого он гадает. С этим — видит.

Руки

Дизайн — самое слабое место Claude Code по умолчанию. Он делает страницы, которые работают. Но выглядят они так, будто их верстали в 2008 году.

Встроенный скилл от Anthropic (frontend-design) — это база. Его недостаточно. Я ставлю два дополнительных:

interface-design — арт-директор. Запоминает дизайн-решения между сессиями: цвета, шрифты, отступы. Умеет критиковать макет и объяснять, что не так.

ui-ux-pro-max — библиотека. 67 стилей, 161 палитра, 57 пар шрифтов. Когда говоришь "сделай красиво" — он не гадает, а выбирает из проверенных комбинаций.

Плюс anti-lazy — это не скилл, а hook. Правило, которое срабатывает при каждом сообщении: сначала прочитай код, потом меняй; не халтурь; чини по-настоящему. Без него агент иногда делает поверхностные правки и говорит "готово".

Мозги

Для того чтобы агент мог комплексно разобрать любой сайт, я разбиваю работу на 4 слоя.

1. Техническая база — чтобы сайт вообще мог ранжироваться. Скорость, индексация, структура, битые ссылки, связность страниц. technical-seo-checker, on-page-seo-auditor, internal-linking-optimizer

2. Контент — чтобы Google понял, о чём вы. Качество текстов, заголовки, описания, schema-разметка, обновление устаревших страниц. content-quality-auditor, meta-tags-optimizer, schema-markup-generator, content-refresher

3. Рынок — чтобы попасть в спрос. Что ищут люди, что есть у конкурентов, чего не хватает вам. keyword-research, competitor-analysis, content-gap-analysis

4. Видимость в AI — чтобы вас цитировали. ChatGPT, Perplexity, Google Maps, связки с Wikipedia. geo-content-optimizer, entity-optimizer

Плюс отдельно — отслеживание и отчёты: rank-tracker, performance-reporter.

Под каждый слой — отдельные скиллы. Каждый скилл — это набор чек-листов и инструкций, по которым агент работает с конкретным куском задачи.

Почему одного агента мало

Это самое важное.

Один агент пытается держать всё в голове — техничку, контент, конкурентов, дизайн. И в какой-то момент начинает: — забывать контекст — смешивать задачи — давать поверхностные решения — пропускать куски, но говорить "готово"

Это не баг. Это предел окна контекста.

Поэтому я запускаю 3–4 агента параллельно. Иногда на разных серверах. Один — на техничку. Второй — на контент. Третий — на ключевики и конкурентов. Четвёртый — на дизайн и конверсию.

Они работают одновременно. Результаты сливаются в один отчёт.

Это не про "мощнее". Это про то, что каждый агент держит свой узкий кусок и не отвлекается на чужое.

Глаза, руки, мозги. Без скиллов Claude Code — умный, но слепой и криворукий. С ними — рабочая система, которая делает за дни то, что агентство делает за месяцы.

В следующих постах покажу, как это выглядит на реальных проектах.