Granda | Ideas & Code

Ваша припаркованная Tesla — это дата-центр

Fri, 13 Mar 2026 00:00:00 +0000

Ваш автомобиль припаркован 95% времени. Внутри него находится чип, способный выполнять 300–500 триллионов операций в секунду, подключённый к системе охлаждения, преобразователям мощности и сотовому радиомодулю. И он ничего не делает.

Tesla и xAI хотят это изменить. 11 марта Илон Маск представил «Macrohard» — внутри проект называется Digital Optimus — совместный проект, превращающий припаркованные Tesla в персональных ИИ-агентов. Не чат-ботов. Агентов, которые наблюдают за вашим экраном, управляют мышью и клавиатурой и делают реальную работу.

Визуальное QA как этап конвейера CI

Fri, 06 Feb 2026 00:00:00 +0000

Месяц назад я смержил PR. Code review выглядел хорошо. Тесты прошли. Потом я открыл сайт на своём телефоне, и боковая панель была полностью сломана.

Исправление было тривиальным — отсутствующая media query. Баг был очевиден, как только ты действительно посмотрел на мобильный вид. Никто не посмотрел.

Поэтому я добавил этап конвейера, который смотрит.

Я открываю issue на GitHub, которое говорит:

Реализовать опцию Ручного Ввода для добавления клиентов. При клике открывается широкий выдвижной ящик с формой для создания нового клиента.

Для Кого Предназначен Agent Trace?

Fri, 30 Jan 2026 00:00:00 +0000

Cursor выпустил Agent Trace — открытую спецификацию для отслеживания того, какой код в репозитории был написан LLM. Она записывает модель, инструмент, диалог и точные диапазоны строк — всё это добавляется в JSONL-файл в вашем проекте.

Презентация: “Поскольку агенты пишут всё больше кода, важно понимать, что пришло от ИИ, а что от людей.”

Я потратил время на чтение спецификации и эталонной реализации. Инженерная работа солидная — чистая схема, продуманная расширяемость, хороший список партнёров (Amp, Amplitude, Cloudflare, Cognition, Google, Vercel). Но я постоянно возвращался к одному вопросу: что вы делаете с этими данными?

Богатые Ссылки для Ленивых Разработчиков

Sat, 10 Jan 2026 00:00:00 +0000

Когда я делюсь ссылкой на блог в Twitter или Slack, она отображается как обычный текст. Без изображения предварительного просмотра. Просто URL вроде granda.org/en/2026/01/02/claude-code-on-the-go/.

Мне нужны были изображения Open Graph. Стандартный подход: вручную создавать изображение 1200x630 для каждого поста. Это утомительно. Я попросил Claude автоматизировать это.

flowchart LR
 Push[git push] --> GHA[GitHub Actions]
 GHA --> Hugo[Hugo Server]
 GHA --> PW[Playwright]
 PW -->|screenshot| Hugo
 PW --> IMG[OG Image]
 IMG --> Commit[git commit]
 Commit --> Deploy[Deploy]

flowchart TB
 Push[git push] --> GHA[GitHub Actions]
 GHA --> Hugo[Hugo Server]
 GHA --> PW[Playwright]
 PW -->|screenshot| Hugo
 PW --> IMG[OG Image]
 IMG --> Commit[git commit]
 Commit --> Deploy[Deploy]

Настройка

Я объяснил Claude проблему: постам нужны изображения для социальных сетей, но я не хочу создавать их вручную. Сделать скриншот содержимого статьи, сохранить его как OG-изображение, автоматически обновить метаданные.

Отписаться

Sat, 10 Jan 2026 00:00:00 +0000

Обработка...

Мой QA-инженер — это LLM

Fri, 09 Jan 2026 00:00:00 +0000

Claude может нажимать на кнопки.

Звучит банально, но это меняет то, как я создаю UI. С Playwright MCP Claude не просто пишет код — он открывает браузер, переходит на localhost и проверяет, что все действительно работает. Он находит баги, которые я пропустил бы при ревью кода.

Настройка

Playwright MCP дает Claude автоматизацию браузера. Я запускаю его с headless Chromium:

{
 "mcpServers": {
 "playwright": {
 "command": "npx",
 "args": ["@anthropic-ai/mcp-server-playwright", "--headless"]
 }
 }
}

Теперь Claude может перемещаться, кликать, печатать и делать скриншоты. Он видит то, что видят пользователи.

Создание Собственной Рассылки с Claude

Wed, 07 Jan 2026 00:00:00 +0000

Второй день всплеска трафика с Hacker News. Сорок тысяч посетителей, никакого способа связаться с ними снова. Мне нужна была форма подписки на рассылку.

Я посмотрел на Buttondown, Beehiiv, Substack, ConvertKit. Все излишне сложное. Мне нужно было только собирать электронные адреса. Мне не нужны были кампании, аналитика или управление подписчиками. И я хотел владеть своими данными.

Поэтому я попросил Claude построить это.

flowchart LR
 User([User]) --> Form[Newsletter Form]
 Form -->|POST /api/subscribe| Worker[Cloudflare Worker]
 Worker --> KV[(Cloudflare KV)]
 KV -.->|Daily sync| GHA[GitHub Actions]
 GHA -.-> Repo[(subscribers.jsonl)]

flowchart TB
 User([User]) --> Form[Newsletter Form]
 Form -->|POST /api/subscribe| Worker[Cloudflare Worker]
 Worker --> KV[(Cloudflare KV)]
 KV -.->|Daily sync| GHA[GitHub Actions]
 GHA -.-> Repo[(subscribers.jsonl)]

Настройка

Я дал Claude токен Cloudflare API через переменную окружения и описал, что я хочу: форму, которая собирает электронные адреса и хранит их где-то, где я контролирую.

Claude Code на Ходу

Fri, 02 Jan 2026 00:00:00 +0000

Я запускаю шесть агентов Claude Code параллельно с моего телефона. Без ноутбука, без настольного компьютера — только Termius на iOS и облачная VM.

Настройка

flowchart LR
 A[Phone] -->|Termius + mosh| B[Tailscale VPN]
 B --> C[Vultr VM]
 C --> D[Claude Code]
 D -->|PreToolUse hook| E[Poke webhook]
 E -->|Push notification| A

Цикл таков: запустить задачу, убрать телефон в карман, получить уведомление, когда Claude нужен ввод. Асинхронная разработка откуда угодно.

Инфраструктура

VM Vultr в Силиконовой долине:

Позволить ИИ Сделать Это

Sun, 28 Dec 2025 00:00:00 +0000

Мне нужен был dev-сервер: VM с SSH-доступом и установленными инструментами разработки. Я описал Claude Code, что мне нужно, и позволил ему заняться настройкой.

Промпт

Я попросил VM на Vultr с 8 ядрами и 32ГБ RAM, доступную только через Tailscale, с постоянными сессиями, которые переживают обрывы сети.

Что Построил Claude Code

1. Провизионировал VM через API Vultr

Он создал экземпляр 8 ядер/32ГБ с Ubuntu, дождался IP, затем подключился по SSH как root.

Автоматический перевод блога с помощью Claude и GitHub Actions

Tue, 23 Dec 2025 00:00:00 +0000

Каждый пост, который я пишу, переводится автоматически. Claude выполняет перевод, коммитит результаты в main, и переведённые версии деплоятся вместе с оригиналом.

Процесс

Рабочий процесс перевода запускается в GitHub Actions, когда английский контент мержится в main:

on:
 push:
 branches: [main]
 paths:
 - 'content/**/*.en.md'

flowchart LR
 B[Мерж в main] --> C[Переводы сгенерированы]
 C --> D[Закоммичено в main]
 D --> E[Продакшен деплой со всеми языками]

Промпт

Рабочий процесс использует claude-code-action:

О сайте

Mon, 22 Dec 2025 00:00:00 +0000

Аннотация

Этот документ описывает методологию авторства, используемую в данном блоге.

1. Введение

Этот блог в значительной степени создается при помощи больших языковых моделей (LLMs). Автор обеспечивает направление, редактирование и контроль качества; машина предоставляет первоначальные черновики и переводы.

2. Обоснование

Автор верит в прозрачность в отношении создания контента с помощью AI. Вместо того чтобы скрывать используемые инструменты, это раскрытие направлено на:

Установление соответствующих ожиданий для читателей
Содействие честным нормам в отношении контента AI
Признание совместного характера современного письма

3. Что Это Означает

Идеи: Человеческого происхождения
Структура: Совместная
Проза: Преимущественно создается AI, проверяется человеком
Переводы: Полностью создаются AI (не проверяются человеком)

4. Обеспечение Качества

Английский контент проходит человеческую проверку перед публикацией. Переводы генерируются автоматически и могут содержать ошибки или неудачные формулировки. Автор несет ответственность за окончательный опубликованный контент на английском языке.

О себе

Mon, 22 Dec 2025 00:00:00 +0000

Аннотация

Этот документ содержит справочную информацию об авторе этого блога.

1. Биография

Инженер-программист с 15-летним опытом, 10 из которых работал в этой области. Основные области специализации включают:

Распределённые системы
Backend-разработка и инфраструктура
Full-stack и комплексная разработка продуктов
Дизайн пользовательского интерфейса
Создание безопасных и надёжных систем

2. Контакты

Всегда рад общению с коллегами по отрасли: @mtt

Привет, мир

Sat, 20 Dec 2025 00:00:00 +0000

Добро пожаловать в мой блог! Это моя первая публикация.

Я буду делиться здесь идеями, заметками и тем, что меня интересует.