К основному содержанию
скилл Claude Code CX Codex Cursor GitHub Copilot

logo-generator — скилл для Claude Code: генерация SVG-логотипов

Создаёт SVG-логотипы с минимум шестью вариантами дизайна и формирует презентационные изображения с 12 профессиональными фонами через Gemini API.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add op7418/logo-generator-skill --skill logo-generator -a claude-code
Открыть на GitHub

Что делает logo-generator

Скилл проводит через пять этапов: сбор информации о продукте, генерацию SVG-вариантов на основе паттернов из design_patterns.md, итерации по выбранным направлениям, экспорт в PNG через svg_to_png.py и создание финальных презентаций с помощью generate_showcase.py. Логотипы используют viewBox="0 0 100 100" для масштабирования, поддерживают геометрические паттерны, точечные матрицы, линейные системы и смешанные композиции.

Для showcase-изображений нужен Python 3.8+ и API-ключ Gemini в .env. Скрипт generate_showcase.py отправляет PNG-референс в Nano Banana и возвращает изображения с выбранными фонами: шесть тёмных стилей (void, frosted, fluid, spotlight, analog_liquid, led_matrix) и шесть светлых (editorial, iridescent, morning, clinical, ui_container, swiss_flat). Экспорт PNG требует библиотеку cairosvg.

Какие задачи решает

  • сгенерировать шесть вариантов логотипа для бренда с разными паттернами
  • экспортировать SVG-логотип в PNG размером 1024×1024
  • создать презентационные изображения с профессиональными фонами
  • итеративно доработать дизайн, комбинируя элементы разных вариантов
  • собрать HTML-страницу со всеми вариантами и кнопками скачивания

Примеры запросов агенту

  • Нарисуй логотип для AI-платформы ConnectFlow, концепция — связь и поток данных, минималистичный стиль
  • Сделай шесть вариантов иконки для fintech-стартапа, холодная палитра, геометрия
  • Экспортируй выбранный SVG в PNG и создай showcase с фонами frosted, fluid, morning и clinical

Как установить logo-generator

1Через Skills CLI (Vercel)

npx skills add op7418/logo-generator-skill --skill logo-generator -a claude-code

2Вручную: положить файлы

~/.claude/skills/logo-generator/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/logo-generator/

Похожие

sketch Hermes Agent (adapted from gsd-build/get-shit-done) Создаёт 2–3 HTML-варианта интерфейса, чтобы сравнить дизайн-направления до того, как начнёшь строить продакшн-код. Claude Code CX Codex Cursor +1 402установок user-personas phuryn Скилл синтезирует данные опросов или интервью в три профиля пользователей с JTBD, болями и метриками успеха. Пригодится продакт-менеджерам перед запуском фич. Claude Code CX Codex Cursor +1 3 000установок brainstorm-ideas-existing phuryn Скилл для мозгового штурма идей существующего продукта с позиций PM, дизайнера и инженера. Пригодится, когда нужно генерировать фичи, решать выявленные возможности или работать в составе product trio. Claude Code CX Codex Cursor +1 3 000установок superdesign superdesigndev Создаёт и дорабатывает интерфейсы, презентации и графику на холсте Superdesign. Пригодится для новых макетов и сравнения вариантов от разных моделей. Claude Code CX Codex Cursor +1 11 200установок brainstorm-experiments-existing phuryn Скилл помогает спланировать эксперименты для проверки предположений о существующем продукте. Используй для валидации гипотез перед разработкой: прототипы, A/B-тесты, спайки и макеты. Claude Code CX Codex Cursor +1 2 800установок appllama-app-design-skill Appllama (appllama.io) Скилл для создания нативных мобильных интерфейсов под iOS и Android на Expo и React Native. Помогает проектировать экраны, потоки, анимацию и навигацию по стандартам Apple HIG и Material Design, с верификацией в симуляторе. Claude Code CX Codex Cursor +1 4 700установок frontend-design официальный anthropics Скилл задаёт осмысленное визуальное направление для новых интерфейсов и редизайна. Подойдёт, когда стандартный шаблонный UI не устраивает. Claude Code Claude.ai 1 025 790установок grill-me Matt Pocock Скилл проводит жёсткое интервью по плану или дизайну, чтобы найти пробелы и уточнить решения. Подойдёт перед началом разработки. Claude Code 1 424 476установок

Вопросы о logo-generator

Как установить logo-generator в Claude Code?

Команда npx skills add op7418/logo-generator-skill --skill logo-generator -a claude-code установит скилл в ~/.claude/skills/logo-generator/SKILL.md.

Что делает logo-generator?

Генерирует профессиональные SVG-логотипы минимум в шести вариантах дизайна, экспортирует их в PNG и создаёт презентационные изображения с 12 стилями фона через Gemini API.

Что нужно для генерации showcase-изображений?

Python 3.8 или выше, зависимости из requirements.txt, API-ключ Gemini в файле .env и библиотека cairosvg для экспорта PNG.

Смотрите также

Спонсоры проекта

Компании, которые помогают держать аналитику открытой