logo-designer-skill
Скилл рисует логотипы в SVG: опрос о бренде, три-пять концептов рядом, доводка и экспорт PNG в семи размерах
- 200 ★ репозитория
- Последний коммит
- MIT
Расширенный доступ
Почему такой уровень
- Экспорт запускает скрипт оболочки, который при отсутствии `resvg` может вызвать `npx` и скачать пакет
- Скилл пишет SVG и PNG-файлы в рабочую папку проекта
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/logo-designer-skillОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Экспорт запускает скрипт оболочки, который при отсутствии `resvg` может вызвать `npx` и скачать пакет
- Скилл пишет SVG и PNG-файлы в рабочую папку проекта
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Скилл `logo-designer` включается, когда пользователь просит сделать логотип. Работа идет в четыре фазы. Сначала агент опрашивает о бренде через `AskUserQuestion`: формат (значок, словесный знак или сочетание), направление стиля, цвета. Если указан репозиторий или сайт, ответы он берет из README, `package.json`, стилей и конфигов и спрашивает только недостающее. Дальше агент рисует три-пять разных SVG-концептов и показывает их рядом. Выбранное направление дорабатывается по цвету, композиции и деталям. В конце скрипт `export.sh` рендерит PNG размерами 16, 32, 48, 192, 512, 1024 и 2048 пикселей и копирует исходный SVG. Для рендера используется любой найденный конвертер: `resvg`, `sharp`, Inkscape или `rsvg-convert`. Мелкие детали готовый знак можно довести в отдельном холсте Lineage Logo через скрипт `lineage-handoff.mjs`.
Для кого. Основателям и разработчикам, которым нужен логотип и набор иконок для нового проекта, пока дизайнера в команде нет.
Подходит, если
- У проекта нет логотипа, и нужен значок для значка вкладки, аватара и иконки приложения
- Стиль знака надо подобрать по цветам и шрифтам, которые уже есть в репозитории
- Из нескольких направлений требуется выбрать одно и довести до чистого SVG
- Готовый знак нужен в PNG разных размеров для сайта, магазина приложений и соцсетей
Не подходит, если
- Фирменный стиль для компании с правилами использования: скилл рисует знак, а брендбук не собирает
- Растровая иллюстрация или фотореалистичный образ: результат строится из векторных фигур
- Машина без конвертера SVG в PNG: экспорт потребует `resvg`, `sharp`, Inkscape или `rsvg-convert`
Пример запроса к агенту
Нарисуй логотип для моего проекта: репозиторий лежит в текущей папке. Покажи четыре концепта рядом, после выбора доведи один и выгрузи PNGОграничения
- Экспорту в PNG нужен один из конвертеров: `resvg`, `@aspect-build/resvg` через `npx`, `sharp` в Node, Inkscape или `rsvg-convert`. Без них скрипт останавливается с сообщением об ошибке.
- Результат состоит из простых векторных фигур, которые агент пишет в виде SVG. Тонкую графику и логотипы со сложной иллюстрацией скилл не сделает.
- Опрос построен на инструменте `AskUserQuestion` из Claude Code.
- Тонкая доводка деталей вынесена в отдельный холст Lineage Logo, скилл ее не делает.
Как отключить. Удалите папку `logo-designer` из `~/.claude/skills/` или из `.claude/skills/` проекта. Готовые логотипы остаются в рабочей папке, где их создал агент.
Частые вопросы
Как поставить logo-designer-skill в Claude Code?
Автор советует попросить агента поставить скилл из репозитория на GitHub. Вручную достаточно положить папку `skills/logo-designer` в `~/.claude/skills/` и перезапустить сессию.
Какие размеры PNG выдает экспорт?
Семь: 16, 32, 48, 192, 512, 1024 и 2048 пикселей. Исходный SVG копируется рядом.
Что делать, если скрипт экспорта не нашел конвертер?
Поставьте один из `resvg`, `sharp`, Inkscape или `rsvg-convert` и запустите экспорт снова. Скрипт перебирает их по очереди.
Можно ли довести готовый знак вручную?
Да. После выбора направления мелкие детали настраивают в отдельном холсте Lineage Logo, который автор вынес в отдельный репозиторий. Передачу файла делает `lineage-handoff.mjs`.
Как вызвать скилл?
Он включается сам на фразы вроде «сделай логотип» или «логотип для проекта». Запрос с названием проекта и адресом репозитория сократит число вопросов.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыLogo Generator Skill
logo-generator-skill
Генератор SVG-логотипов: шесть и более вариантов по характеру продукта и витринные изображения. Автор лицензию не указал
imagegen-skills учит агента рисовать дизайн-картинки: макеты сайтов, экраны приложений, бренд-борды, и строит сайт по ним
Скилл превращает референсы интерфейсов в структурированный профиль дизайна в JSON и генерирует по нему новый интерфейс под ваш контент
Мета-скилл разбирает бренд по ссылке, названию или скриншоту и создает из него полноценную дизайн-систему как новый скилл
design-to-code — сайт из изображения дизайна
design-to-code
Скилл превращает скриншот, макет, кадр Figma или живую страницу в адаптивный сайт и сверяет результат с дизайном
Скилл рисует макеты интерфейсов и лендингов и переносит их в HTML, в проект на React или в мини-приложение WeChat
Коротко о README
README коротко объясняет установку: клонировать репозиторий или попросить агента поставить скилл по ссылке. Затем перечислены четыре фазы работы, показан пример на собственном приложении автора с тремя концептами и готовым знаком. В конце ссылка на холст Lineage Logo для тонкой доводки.
Бейдж для README
Исходный SKILL.md
---
name: logo-designer
description: |
Design and iterate on logos using SVG. Use this skill when the user asks to
"create a logo", "design a logo", "make me a logo", "iterate on this logo",
"logo for my project", or discusses logo design, branding icons, or wordmarks.
license: MIT
---
# Logo Designer
Design and iterate on logos using SVG. Generates side-by-side previews and exports to PNG at standard sizes.
## Phase 1: Interview
Before generating anything, gather context and ask the user what they need.
### Step 1: Gather context automatically
If the user points to a repo, URL, or existing project:
- Read the README, package.json, CSS/config files, and any existing branding
- Extract: project name, purpose, tech stack, color palette, design language, fonts
- Summarize what you found before asking questions — this avoids asking things you already know
If the user just says "design a logo" with no project context, skip to Step 2.
### Step 2: Ask structured questions
Use the `AskUserQuestion` tool to ask these questions. **Batch related questions together** (up to 4 per call) and **skip any question already answered** by the context gathered in Step 1 or by the user's initial message.
**Question 1 — Format:**
```
question: "What format do you need?"
header: "Format"
options:
- label: "Icon only (512x512)"
description: "Square icon, works for favicons, app icons, social avatars"
- label: "Wordmark only"
description: "Text logo, 1024x512"
- label: "Combination mark"
description: "Icon + text together, 1024x512"
```
**Question 2 — Style direction:**
```