generate-logo — скилл для Claude Code: что делает и как установить
Генерирует варианты логотипа vigiles через сервис ImageRouter API. Пригодится при поиске визуального стиля или обновлении иконки проекта.
npx skills add zernie/vigiles --skill generate-logo -a claude-codeЧто делает generate-logo
Скилл автоматизирует создание логотипов для проекта vigiles. Запросы отправляются к эндпоинту https://api.imagerouter.io/v1/openai/images/generations методом POST. В настройках задаётся разрешение 1024x1024 в формате PNG. В качестве основной модели инструкция предлагает google/nano-banana-2 по цене $0.07 за генерацию либо бесплатную google/nano-banana-2:free. Также доступны openai/gpt-image-1 и black-forest-labs/FLUX-1.1-pro.
Для выполнения запросов обязательно нужен ключ в переменной окружения IMAGEROUTER_API_KEY. Без него обращение к внешнему API завершится ошибкой авторизации. Изображение скачивается по временному адресу data[0].url из тела ответа.
Рабочий процесс изолирует черновые попытки. Промежуточные варианты сохраняются в файлы logo-v*.png, которые внесены в .gitignore. После отбора нужного кадра файл копируется в logo.png. Только он попадает в коммит репозитория.
Какие задачи решает
- сгенерировать итерации логотипа через нейросеть
google/nano-banana-2 - настроить отправку параметров в ImageRouter API для получения PNG 1024x1024
- сохранить промежуточные версии в игнорируемые git-файлы
logo-v*.png - отобрать финальный вариант логотипа и зафиксировать в
logo.png
Примеры запросов агенту
- Сделай несколько вариантов логотипа с огненным мотивом через модель
google/nano-banana-2 - Сгенерируй тестовую иконку с тёмным фоном через бесплатную модель
google/nano-banana-2:free - Запусти генерацию логотипа на ImageRouter и сохрани результат в
logo-v7.png
Как установить generate-logo
1Через Skills CLI (Vercel)
npx skills add zernie/vigiles --skill generate-logo -a claude-code2Вручную: положить файлы
~/.claude/skills/generate-logo/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/generate-logo/
1Через Skills CLI (Vercel)
npx skills add zernie/vigiles --skill generate-logo -a codex2Вручную: положить файлы
.agents/skills/generate-logo/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add zernie/vigiles --skill generate-logo -a cursor2Вручную: положить файлы
.cursor/skills/generate-logo/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install zernie/vigiles generate-logo2Вручную: положить файлы
.github/skills/generate-logo/SKILL.md1Через Skills CLI (Vercel)
npx skills add zernie/vigiles --skill generate-logo -a gemini-cli2Командой платформы
gemini skills install https://github.com/zernie/vigiles --path .claude/skills/generate-logoВручную: положить файлы
.devin/skills/generate-logo/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add zernie/vigiles --skill generate-logo -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о generate-logo
Как установить generate-logo в Claude Code?
Выполните команду npx skills add zernie/vigiles --skill generate-logo -a claude-code. Файл навыка сохранится по пути ~/.claude/skills/generate-logo/SKILL.md.
Что делает скилл generate-logo?
Он отправляет промпты к API ImageRouter и скачивает полученные изображения логотипа. Промежуточные файлы нумеруются, а утверждённый результат переносится в logo.png.
Что нужно настроить перед запуском генерации?
Требуется получить ключ на сайте https://imagerouter.io/api-keys и задать переменную IMAGEROUTER_API_KEY. Также ключ можно передать аргументом при вызове.
Исходный текст
SKILL.md · MIT
---
name: generate-logo
description: Generate or iterate on the vigiles logo using ImageRouter API
---
# Generate Logo
Generate logo variations for vigiles using the ImageRouter API (imagerouter.io).
## Setup
Get an API key from https://imagerouter.io/api-keys. Pass it as an argument or set `IMAGEROUTER_API_KEY` env var. Do NOT commit the key.
## API
```
Endpoint: https://api.imagerouter.io/v1/openai/images/generations
Auth: Bearer token in Authorization header
Method: POST, Content-Type: application/json
```
### Request body
```json
{
"prompt": "...",
"model": "google/nano-banana-2",
"quality": "high",
"size": "1024x1024",
"response_format": "url",
"output_format": "png"
}
```
### Available models (image generation)
List models: `GET https://api.imagerouter.io/v1/models`
Known good models:
- `google/nano-banana-2` — best quality, $0.07/image
- `google/nano-banana-2:free` — free tier
- `openai/gpt-image-1` — OpenAI's image model
- `black-forest-labs/FLUX-1.1-pro` — FLUX pro
### Response
```json
{
"created": 1775430873,
"data": [{ "url": "https://storage.imagerouter.io/..." }],
"cost": 0.069,
"latency": 27627
}
```
Download the image from the URL in `data[0].url`.
## Current logo
The current logo (`logo.png`) is v6: overlapping translucent flame petals on dark background, amber-orange palette. Generated with `google/nano-banana-2`.
### Prompt that produced it
```
A premium, refined logo icon for a developer tool called vigiles that compiles
typed TypeScript specs to AI instruction files. Inspired by OpenAI geometric aesthetic and Apple
minimalism. A single abstract geometric shape: an upward-pointing flame composed
of 3 overlapping translucent rounded shapes, creating depth through overlap —
similar to how the OpenAI logo uses overlapping curves. Warm amber to deep orange
color palette. Black background. No text. No letters. Pure abstract mark. Clean
enough to be an app icon. Luxurious, premium, modern tech company feel.
```
## Design principles
- **Flame/torch motif** — vigiles were Rome's night watchmen who carried torches
- **Amber/orange palette** — matches GitHub Action branding color
- **No text in the icon** — must work at 16px favicon size
- **Dark background variant** for README, light/transparent variant for npm
## Example curl
```bash
curl 'https://api.imagerouter.io/v1/openai/images/generations' \
-H "Authorization: Bearer $IMAGEROUTER_API_KEY" \
-H 'Content-Type: application/json' \
-d '{
"prompt": "YOUR PROMPT HERE",
"model": "google/nano-banana-2",
"quality": "high",
"size": "1024x1024",
"response_format": "url",
"output_format": "png"
}'
```
## Workflow
1. Generate variations with different prompts
2. Save as `logo-v*.png` (gitignored)
3. Pick the best, copy to `logo.png`
4. Commit `logo.png` only
© zernie · MIT · zernie/vigiles