generate-logo

name	generate-logo
description	Generates on-brand, editable SVG logo assets — wordmark, monogram, and favicon — from the active brand profile, reusing its exact palette and heading font. Vector output needs no account, key, or network. Use when a user asks for a logo, wordmark, icon, monogram, or favicon. Trigger with "make a logo", "generate a wordmark", or "/brand-make logo".
allowed-tools	Read, Write, Glob, Bash(node:*)
argument-hint	[logo text — defaults to the brand name]
version	0.5.1
author	localplugins <[e-mail]>
license	MIT
compatibility	Designed for Claude Code
tags	["branding","logo","svg","vector","design"]

Generate Logo

Generates on-brand, editable SVG logo assets — wordmark, monogram, and favicon — from the active brand profile as pure vector output.

Overview

The generate-logo skill turns a saved brand profile into three ready-to-use logo variants that reuse the brand's exact palette and heading font. Output is vector SVG, so every asset scales without loss and needs no account, key, or network call. The generator (lib/logo.mjs) draws each variant deterministically; the skill resolves the active profile, runs that generator, saves the files, and routes them through review. Raster copies are produced only on demand through the /brand-export command.

Prerequisites

• An active brand profile created with /brand-new (a brand/ directory, or brands/[slug]/ with a brand/.active pointer). Read loads its color-system.json and typography.json.
• Node.js on the PATH — the generator runs as node lib/logo.mjs.
• Write access to an output/ directory in the working repository.
• Optional: the sharp dependency, only if PNG copies are wanted later.

Instructions

1. Run /brand-status (or resolveActive in lib/brand.mjs) to confirm which brand is active; if none exists, tell the user to run /brand-new and stop.

2. Use Glob to locate the active brand directory, then Read and validate the profile with validateProfile. Stop with the offending field if validation fails, for example a non-hex color.

3. Decide the logo text — the optional text argument, defaulting to the brand name. Ask the user when it is ambiguous.

4. Generate the three variants by running the deterministic node generator:

   import { loadProfile } from '../../lib/brand.mjs';
   import { buildLogos } from '../../lib/logo.mjs';
   const profile = loadProfile(activeDir);
   const { wordmark, monogram, favicon } = (profile, { :  });