mcpField
G
generate-logo

generate-logo

github.com/zernie设计与 UI15410 次安装2 天前更新
代码仓库

关于 generate-logo

通过 ImageRouter API 为 vigiles 生成不同版本 Logo 的技能。它说明 API 配置、图像生成参数，以及挑选并提交 Logo 的流程。

主要功能

  1. 01通过 ImageRouter 生成 Logo 图片
  2. 02说明 API 密钥和请求配置
  3. 03列出图像模型及生成参数
  4. 04介绍保存和挑选不同版本

适用场景

  1. 01创建 vigiles 的备选 Logo 设计
  2. 02根据文本提示生成 Logo 变体
  3. 03挑选并准备要提交的 Logo

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/zernie/vigiles --skill generate-logo

安装后在 Claude Code 中输入/generate-logo确认已加载。

详细介绍

生成 Logo

使用 ImageRouter API（imagerouter.io）为 vigiles 生成 Logo 变体。

设置

从 https://imagerouter.io/api-keys 获取 API 密钥。将其作为参数传入，或设置 IMAGEROUTER_API_KEY 环境变量。请勿提交此密钥。

API

Endpoint: https://api.imagerouter.io/v1/openai/images/generations
Auth: Bearer token in Authorization header
Method: POST, Content-Type: application/json
请求正文
{
  "prompt": "...",
  "model": "google/nano-banana-2",
  "quality": "high",
  "size": "1024x1024",
  "response_format": "url",
  "output_format": "png"
}
可用模型（图像生成）

列出模型：GET https://api.imagerouter.io/v1/models

已知效果良好的模型：

  • google/nano-banana-2 — 质量最佳，$0.07/张
  • google/nano-banana-2:free — 免费层级
  • openai/gpt-image-1 — OpenAI 的图像模型
  • black-forest-labs/FLUX-1.1-pro — FLUX 专业版
响应
{
  "created": 1775430873,
  "data": [{ "url": "https://storage.imagerouter.io/..." }],
  "cost": 0.069,
  "latency": 27627
}

从 data[0].url 中的 URL 下载图像。

当前 Logo

当前 Logo（logo.png）为 v6：深色背景上重叠的半透明火焰花瓣，采用琥珀橙色调。使用 google/nano-banana-2 生成。

生成该 Logo 的提示词
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.

设计原则

  • 火焰／火炬主题 — vigiles 是罗马的夜间巡逻者，他们手持火炬
  • 琥珀／橙色调 — 与 GitHub Action 的品牌色相符
  • 图标中不含文字 — 必须能以 16px 网站图标尺寸正常显示
  • 深色背景版本，用于 README；浅色／透明版本用于 npm

curl 示例

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"
  }'

工作流

  1. 使用不同提示词生成多个变体
  2. 保存为 logo-v*.png（已加入 gitignore）
  3. 选出最佳版本并复制为 logo.png
  4. 仅提交 logo.png

评论

支持 Markdown