mcpField
L
logo-colorway-generator

logo-colorway-generator

github.com/sanbaoaiDesign & UI7758 installsUpdated 20w ago
Repository

About logo-colorway-generator

logo-colorway-generator is a design skill for developing color systems and scenario boards from an existing logo. It focuses on preserving the mark while showing how colorways apply across brand surfaces.

Key features

  1. 01Preserve logo structure and one-color use
  2. 02Develop 2–4 palette routes
  3. 03Select a palette for brand context
  4. 04Plan scenario layouts and applications
  5. 05Create prompts for recoloring

Use cases

  1. 01Exploring color directions for an existing logo
  2. 02Showing logo use across product and digital surfaces
  3. 03Preparing a recoloring prompt for an image model

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/sanbaoai/logo-generator-skill --skill logo-colorway-generator

After installing, type/logo-colorway-generatorin Claude Code to confirm it loaded.

Bundled filesinput-schema.jsonprompt.md

Details

From the project README

Logo Colorway Generator

Use this skill after a logo or brand-system board already exists. It adds color strategy, adaptive layout, and scenario applications while preserving the original symbol, wordmark, silhouette, and one-color usability. The default color direction should be memorable, broadly appealing, and practical in real use: create a signature color moment, adjust the board background/layout when useful, and show the logo in scenarios that prove it can work beyond a static brand manual.

Workflow

  1. Identify the source logo or board: brand name, existing symbol, wordmark, mascot/base route, current layout, and intended usage surfaces.
  2. Preserve logo invariants: do not redraw the mark, change the mascot feature, alter the wordmark spelling, change the core silhouette, or introduce a new concept unless explicitly requested.
  3. Extract the existing design system: monochrome behavior, grid style, typography mood, visual density, applications, mockups, and any existing accent color.
  4. Create 2-4 palette routes with clear impact levels. Each route should include signature color, primary, secondary, accent or contrast color, neutral background, dark/ink color, and one-color fallback.
  5. Choose the strongest palette route for the brand context and explain why it improves first-glance memorability while still fitting the audience, logo shape, mascot/source idea if any, and production surfaces.
  6. Choose a colorway layout mode. Prefer an adaptive scenario board unless the user asks to preserve the original board. Use background color, larger color fields, and practical scene modules to make the colorway feel usable and immediately understandable.
  7. Define scenario application rules: main logo, favicon/app icon, lockup, social/avatar, packaging or product surface, digital interface or cover, merch/signage, black/ivory fallback, and small-size use.
  8. Generate platform-ready recolor prompts. If the user provides an image, treat it as the edit target or reference according to the request. Preserve the logo structure, but allow the surrounding board layout, background color, and scene modules to change for stronger applicability.
  9. If the user asks to "generate", "render", "create an image", "出图", "直接生成", "recolor", "改色", or sets render_image: true, use the strongest GPT Image or Universal prompt to call the imagegen skill/tool or another available image-generation tool. Generate one polished scenario colorway board unless the user asks for variants.
  10. If image generation is requested but no image-generation tool is available, return the colorway package and clearly identify the final prompt to paste into an image model.
  11. If revision_notes are provided, preserve the useful parts of the prior palette/layout and revise only the requested aspects.

Output

Return these sections:

  • Existing Logo Read
  • Palette Routes
  • Chosen Color System
  • First-Glance Impact
  • Scenario Layout Strategy
  • Color Application Rules
  • Colorway Board Layout
  • Final Recolor Prompts
  • Generated Colorway, only when direct image generation is requested and available

Read prompt.md for detailed color constraints, anti-patterns, and output templates.

Comments

Markdown supported