К основному содержанию
скилл CX Codex

generate-logo — скилл для Claude Code: что делает и как установить

Генерирует варианты логотипа vigiles через сервис ImageRouter API. Пригодится при поиске визуального стиля или обновлении иконки проекта.

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

Что делает 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-code

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

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

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

По шагам, с командами для каждой платформы: Как установить скилл в 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

Похожие скиллы

Всё по теме «Дизайн» →
frontend-design официальный anthropics Скилл задаёт осмысленное визуальное направление для новых интерфейсов и редизайна. Подойдёт, когда стандартный шаблонный UI не устраивает. 1 025 790установок grill-me Matt Pocock Скилл проводит жёсткое интервью по плану или дизайну, чтобы найти пробелы и уточнить решения. Подойдёт перед началом разработки. 1 424 476установок design-taste-frontend Leonxlnx Скилл задаёт арт-дирекцию для публичных страниц и рабочих экранов, а затем проверяет результат в браузере по скриншотам. Нужен, когда интерфейс выглядит шаблонным или недоработанным. CX Codex +1 678 700установок prototype Matt Pocock Создаёт временный прототип, чтобы проверить логику, модель состояния или вид интерфейса до работы над основным кодом. 986 201установок grilling Matt Pocock Стресс-тестирует план, решение или идею сериями уточняющих вопросов. Подходит, когда нужно вскрыть допущения до начала работы. 979 543установок codebase-design Matt Pocock Скилл помогает проектировать модули с небольшим интерфейсом и скрытой внутри сложностью. Подходит для рефакторинга, тестируемости и поиска чистого seam. 850 344установок

Из того же набора16

review-docs Параллельно проверяет README или страницу документации глазами разных читателей и выдаёт оценки с правками по конкретным строкам. CX Codex +1 626установок pr-to-lint-rule Скилл превращает повторяющееся правило ревью в пользовательское правило линтера и проверяет его на ошибках до подключения. CX Codex +1 436установок audit-feedback-loop Сканирует репозиторий и оценивает готовность процессов к разработке с помощью ИИ. Показывает уровень обратной связи от базовых проверок до полной автоматизации. CX Codex +1 435установок enforce-rules-format Проверяет, отмечены ли правила как enforce, check или guidance, и предлагает исправления. Пригодится для проектов с Vigiles и файлами инструкций. CX Codex +1 433установок code-quality Скилл для рефакторинга TypeScript и JavaScript: приводит типы в порядок, убирает невозможные состояния и разделяет логику с вводом-выводом. CX Codex +1 391установок audience-check Анализирует README и вводную документацию глазами шести разных читателей. Помогает найти непонятные термины, слабые аргументы и места, где проект бросают читать. CX Codex +1 387установок verify-docs-findable Проверяет, отвечает ли документация на реальные вопросы читателя. Запускает дешёвых агентов Haiku, которые читают только доки и показывают, где ответы теряются. CX Codex +1 340установок screenshot Скилл рендерит локальные сайты и HTML в Chromium, а затем сохраняет полноэкранные снимки для desktop и mobile. Пригодится для проверки интерфейса. CX Codex +1 337установок

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

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