# Агент генерирует обложки и иконки для блога

*Контент · Разбор опыта*  
Страница: https://ahamoment.ru/c/agent-generiruet-oblozhki-i-ikonki-dlya-bloga-csr3

## Что делает

Агент создаёт HTML-страницы для обложек и SVG-файлы для иконок. Автор пишет в редакторе, а программа рисует графику по описанию. Результат сохраняется в папку проекта.

## Для кого

- Разработчик

## Инструменты

- **Claude Code** — ИИ-помощник, который работает в терминале и сам выполняет задачи на компьютере

## Что понадобится

- Сложность: Без кода

## Что сделал автор

1. Автор запускает команду /agents в интерфейсе Claude Code.
2. Описывает задачу для агента, например, создание обложки с определёнными пропорциями.
3. Агент генерирует HTML-файл с дизайном и кнопкой скачивания.
4. Автор открывает файл в браузере, проверяет вид и сохраняет картинку.
5. Для иконок автор задаёт параметры, агент создаёт SVG-файл.
6. Автор просматривает превью в редакторе кода.
7. При согласии автор добавляет код иконки в файл конфигурации блога.

## Подробности

Автор использует Claude Code для автоматизации подготовки визуальных материалов к статьям. Он настроил два под-агента (Sub Agent), которые берут на себя рутинную работу по созданию графики.

Первый агент отвечает за обложки. Автор описывает задачу, а агент генерирует HTML-код с современным дизайном, градиентами и адаптивной вёрсткой. В коде уже встроена кнопка для скачивания готовой картинки в формате PNG. Автор открывает этот HTML-файл в браузере, смотрит результат и сохраняет изображение.

Второй агент занимается иконками. Он создаёт оптимизированный SVG-код, сохраняет его в папку проекта и показывает превью. Если автору нравится иконка, он добавляет её в конфигурационный файл блога. Если нужно что-то изменить, автор просит агента поправить дизайн, и тот обновляет файл.

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

## Источник

- Автор: yeshan333
- Оригинал: [使用 Claude Code 的自定义 Sub Agent 完善博文写作体验 - yeshan333 - 博客园](https://www.cnblogs.com/sikongji-yeshan/p/19007673)
- Перевод и пересказ ahamoment
- Добавлено: 3 ноября 2026 г.
- Кейс на ahamoment.ru: https://ahamoment.ru/c/agent-generiruet-oblozhki-i-ikonki-dlya-bloga-csr3