Автор: yeshan333
Агент генерирует обложки и иконки для блога
Агент создаёт HTML-страницы для обложек и SVG-файлы для иконок. Автор пишет в редакторе, а программа рисует графику по описанию. Результат сохраняется в папку проекта.
- Для кого
- Разработчик
Что понадобится
- Инструменты
- Claude Code — ИИ-помощник, который работает в терминале и сам выполняет задачи на компьютере
- Сложность
- Без кода
Готовой инструкции нет — это рассказ автора о своём опыте.
Подробности
Автор использует Claude Code для автоматизации подготовки визуальных материалов к статьям. Он настроил два под-агента (Sub Agent), которые берут на себя рутинную работу по созданию графики.
Первый агент отвечает за обложки. Автор описывает задачу, а агент генерирует HTML-код с современным дизайном, градиентами и адаптивной вёрсткой. В коде уже встроена кнопка для скачивания готовой картинки в формате PNG. Автор открывает этот HTML-файл в браузере, смотрит результат и сохраняет изображение.
Второй агент занимается иконками. Он создаёт оптимизированный SVG-код, сохраняет его в папку проекта и показывает превью. Если автору нравится иконка, он добавляет её в конфигурационный файл блога. Если нужно что-то изменить, автор просит агента поправить дизайн, и тот обновляет файл.
Такой подход позволяет не тратить время на поиск или ручное рисование простых элементов. Графика получается качественной, а процесс создания обложек и иконок становится частью рабочего потока в редакторе кода.
Оригинал: 使用 Claude Code 的自定义 Sub Agent 完善博文写作体验 - yeshan333 - 博客园
cnblogs.com · Перевод и пересказ ahamoment
Здесь пересказ своими словами. Подробности, цифры и контекст — у автора.
Читать оригиналЧто сделал автор
- Автор запускает команду /agents в интерфейсе Claude Code.
- Описывает задачу для агента, например, создание обложки с определёнными пропорциями.
- Агент генерирует HTML-файл с дизайном и кнопкой скачивания.
- Автор открывает файл в браузере, проверяет вид и сохраняет картинку.
- Для иконок автор задаёт параметры, агент создаёт SVG-файл.
- Автор просматривает превью в редакторе кода.
- При согласии автор добавляет код иконки в файл конфигурации блога.
Добавлено 3 ноября 2026 г.