New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Generate Logo

by jeremylongshore in jeremylongshore/tons-of-skills-marketplace

Generates on-brand, editable SVG logo assets — wordmark, monogram, and favicon — from the active brand profile, reusing its exact palette and heading font.

MITAuto-check passedMedia & Creative

Install Generate Logo

skills CLI
$ npx skills add jeremylongshore/tons-of-skills-marketplace --skill generate-logo -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install jeremylongshore/tons-of-skills-marketplace generate-logo --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/jeremylongshore/tons-of-skills-marketplace.git skills-src && mkdir -p .claude/skills && cp -r skills-src/plugins/design/brand-forge/skills/generate-logo .claude/skills/generate-logo && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
generate-logo
GitHub stars
2.8k
Token cost
~1.4k tokens
SKILL.md length
618 words
Files
2 (incl. references)
Skills in repo
3,342
Repo updated
First seen
Licence
MIT

At a glance

Generates on-brand, editable SVG logo assets — wordmark, monogram, and favicon — from the active brand profile, reusing its exact palette and heading font.

  • Works in 7 steps: Run /brand-status (or resolveActive in… → Use Glob to locate the active brand… → Decide the logo text — the optional text… → …
  • A user asks for a logo
  • SKILL.md covers Overview, Prerequisites, Instructions and Output, plus 3 more sections
  • Calls node

What it does

Generate Logo is an agent skill from jeremylongshore/tons-of-skills-marketplace. 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".

Its SKILL.md is about 1.4k tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files, including reference files (for example `references/logo-construction.md`). Compatibility notes: Designed for Claude Code

It sits in Media & Creative, covering Logo and visual identity. The repository describes itself as: Model-agnostic agent-skills platform with a harness-free canonical layer, verified adapters, and the ccpi package manager. Explore at tonsofskills.com. The licence is MIT.

When your agent uses it

  • A user asks for a logo
  • With make a logo
  • Generate a wordmark
  • /brand-make logo

Example prompts

  • “make a logo”
  • “generate a wordmark”
  • “/brand-make logo”
  • “/generate-logo”

Requirements

  • Node.js
  • Compatibility (from SKILL.md): Designed for Claude Code
  • Pre-approved tools (allowed-tools): Read, Write, Glob, Bash(node:*)

Workflow steps

7 steps, taken from the first numbered list in SKILL.md.

  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…
  2. Use Glob to locate the active brand directory, then Read and validate the profile with validateProfile. Stop with the offending field if…
  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
  5. Write each variant with the Write tool: output/[slug]-wordmark.svg, output/[slug]-monogram.svg, and output/[slug]-favicon.svg.
  6. Hand the files to the visual-guardian subagent for a palette, contrast, and clear-space pass; apply its fixes or surface its flags.
  7. Report the saved paths and describe each variant. To customize sizing or adapt the geometry, edit the SVG directly or consult the…

What it can do on your machine

Read from SKILL.md and the folder at commit cfae287. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves these tools, so the agent can use them without asking each time:

    • Read
    • Write
    • Glob
    • Bash(node:*)

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • node

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    Links to these hosts (documentation or services it may open):

    • developer.mozilla.org
    • code.claude.com

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

  • Compatibility

    Designed for Claude Code

    From compatibility in the SKILL.md frontmatter.

Context cost

Generate Logo loads about 1.4k tokens when it runs, and up to ~1.7k if it reads all its reference files. Until then it costs about 91 tokens; SKILL.md has 618 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~91
When it runs · the whole SKILL.md, loaded when a task matches
~1.4k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~1.7k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from jeremylongshore/tons-of-skills-marketplace at commit cfae287, republished under its MIT licence (© jeremylongshore). 618 words, ~1,390 tokens.

Download SKILL.mdSave it as .claude/skills/generate-logo/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.
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:*)
compatibility
Designed for Claude Code
argument-hint
[logo text — defaults to the brand name]
version
0.5.1
author
localplugins <localplugins@proton.me>
license
MIT
tags
branding, logo, svg, vector, design

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:

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

  5. Write each variant with the Write tool: output/[slug]-wordmark.svg, output/[slug]-monogram.svg, and output/[slug]-favicon.svg.

  6. Hand the files to the visual-guardian subagent for a palette, contrast, and clear-space pass; apply its fixes or surface its flags.

  7. Report the saved paths and describe each variant. To customize sizing or adapt the geometry, edit the SVG directly or consult the reference below.

Output

Three SVG files under output/, one per variant:

text
output/northwind-wordmark.svg
output/northwind-monogram.svg
output/northwind-favicon.svg
  • [slug]-wordmark.svg — the brand name in the heading font with an accent mark (the everyday logo).
  • [slug]-monogram.svg — one or two initials in a rounded square, for square or tight placements.
  • [slug]-favicon.svg — a single initial at 64×64 for browser tabs and app icons.

Each file carries role="img" and an aria-label, uses palette colors only, and embeds text that is HTML-escaped before it enters the markup. No PNGs are written unless the user runs /brand-export.

Show full SKILL.md (240 more words)Show less

Error Handling

ConditionBehavior
No active brand profileStop and direct the user to /brand-new; do not invent a palette.
Profile fails validateProfileReport the offending field (non-hex color, missing font family) and stop.
Logo text ambiguousAsk the user; default to the brand name only when unambiguous.
Heading font unavailable at render timeThe declared fallback in typography.json applies — flag the substitution, never mismatch silently.
visual-guardian flags a contrast missApply the fix or surface it; do not ship an asset below the profile's minContrast.

To troubleshoot a bad render, verify the profile with /brand-status, then re-run the generator and re-check with the guardian.

Examples

Example — everyday wordmark

/brand-make wordmark logo

Resolves the active brand, builds all three variants, and reports output/northwind-wordmark.svg plus the monogram and favicon.

Example — monogram for an app icon

/brand-make a square monogram for our app icon

Generates the rounded-square monogram from the brand initials and hands it to the guardian for a clear-space check.

Example — validation stop

/brand-make logo

When color-system.json holds an invalid hex, the skill stops at step 2 and reports that field rather than emitting an off-brand asset.

Resources

  • references/logo-construction.md — variant geometry, clear-space rules, color roles, and accessibility notes the generator applies.
  • Sibling skills: generate-social for platform posts, and generate-doc-template for letterheads and slides — route between them with the /brand-make command.
  • SVG on MDN — the vector format every asset is emitted in.
  • Agent Skills documentation — how skills are authored and invoked.

© jeremylongshore, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 1 other file (references) in plugins/design/brand-forge/skills/generate-logo of jeremylongshore/tons-of-skills-marketplace.

  • SKILL.md
  • references/logo-construction.md

Open the folder on GitHubat commit cfae287

Compare with similar skills

Generate Logo next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Generate Logo compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Generate Logo this skilljeremylongshore/tons-of-skills-marketplace2.8k—~1.4kAutomated safety check: PassMIT
Brand and Design Toolkitnextlevelbuilder/ui-ux-pro-max-skill135k1 repos~3.5kAutomated safety check: PassMIT
Anthropic Brand Stylinganthropics/skills180k30 repos~559Automated safety check: PassApache-2.0
Logo Designkaankiziltug/logo-design-skill2.5k—~4.4kAutomated safety check: PassMIT
Logo Generatorop7418/logo-generator-skill2.2k—~1.8kAutomated safety check: NotesNone
Web Asset Generatoralonw0/web-asset-generator5141 repos~6.6kAutomated safety check: PassMIT

Similar skills

  • Brand and Design Toolkit

    nextlevelbuilder/ui-ux-pro-max-skill

    Bundles design tasks behind one skill: brand identity, tokens, UI styling, logos, corporate identity mockups, slides, banners, icons and social images.

    135k GitHub starsUsed in 1 repo~3.5k tokens
    Media & CreativeAuto-check passed

  • Anthropic Brand Styling

    anthropics/skills

    Official

    Applies Anthropic's brand colors and fonts to artifacts such as PowerPoint slides, using fixed hex values for text and accents, Poppins headings and Lora body text.

    180k GitHub starsUsed in 30 repos~559 tokens
    Media & CreativeAuto-check passed

  • Logo Design

    kaankiziltug/logo-design-skill

    Professional logo and brand-mark design, from brief to production files.

    2.5k GitHub stars~4.4k tokensUpdated 10 days ago
    Media & CreativeAuto-check passed

  • Logo Generator

    op7418/logo-generator-skill

    Generate professional SVG logos and high-end showcase images.

    2.2k GitHub stars~1.8k tokensUpdated 5 mo ago
    Media & CreativeAuto-check: notes

  • Web Asset Generator

    alonw0/web-asset-generator

    Generate web assets including favicons, app icons (PWA), and social media meta images (Open Graph) for Facebook, Twitter, WhatsApp, and LinkedIn.

    514 GitHub starsUsed in 1 repo~6.6k tokens
    Media & CreativeAuto-check passed

  • Image Generation

    onyx-dot-app/onyx

    Generate or edit raster images (photos, illustrations, textures, sprites, mockups, logos, infographics) using the workspace's configured image-generation provider via onyx-cli image.

    32k GitHub starsUsed in 1 repo~1.7k tokens
    Media & CreativeAuto-check passed

More from jeremylongshore/tons-of-skills-marketplace

All 3,342 skills in this repo

  • Performing Security Code Review

    jeremylongshore/tons-of-skills-marketplace

    Execute this skill enables AI assistant to conduct a security-focused code review using the security-agent plugin.

    2.8k GitHub starsUsed in 2 repos~1.3k tokens
    Auto-check: notes

  • Adapting Transfer Learning Models

    jeremylongshore/tons-of-skills-marketplace

    Build this skill automates the adaptation of pre-trained machine learning models using transfer learning techniques.

    2.8k GitHub stars~1.1k tokensUpdated today
    Auto-check passed

  • Agent Context Loader

    jeremylongshore/tons-of-skills-marketplace

    Execute proactive auto-loading: automatically detects and loads agents.md files.

    2.8k GitHub stars~1.1k tokensUpdated today
    Auto-check passed

  • Aggregating Performance Metrics

    jeremylongshore/tons-of-skills-marketplace

    Aggregate and centralize performance metrics from applications, systems, databases, caches, and services.

    2.8k GitHub stars~1.2k tokensUpdated today
    Auto-check passed

  • Analyzing Capacity Planning

    jeremylongshore/tons-of-skills-marketplace

    Execute this skill enables AI assistant to analyze capacity requirements and plan for future growth.

    2.8k GitHub stars~947 tokensUpdated today
    Auto-check passed

  • Analyzing Database Indexes

    jeremylongshore/tons-of-skills-marketplace

    Process use when you need to work with database indexing. An agent skill from jeremylongshore/tons-of-skills-marketplace.

    2.8k GitHub stars~2k tokensUpdated today
    Auto-check passed

Categories

Questions about Generate Logo

What does Generate Logo do?

Generates on-brand, editable SVG logo assets — wordmark, monogram, and favicon — from the active brand profile, reusing its exact palette and heading font. Generate Logo is an agent skill from jeremylongshore/tons-of-skills-marketplace. Generates on-brand, editable SVG logo assets — wordmark, monogram, and favicon — from the active brand profile, reusing its exact palette and heading font.

When should I use Generate Logo?

Generate Logo fits situations like: A user asks for a logo; with make a logo; generate a wordmark; /brand-make logo.

How do I install Generate Logo in Claude Code?

Run `npx skills add jeremylongshore/tons-of-skills-marketplace --skill generate-logo -a claude-code`. Or copy the skill folder (plugins/design/brand-forge/skills/generate-logo in jeremylongshore/tons-of-skills-marketplace) into .claude/skills/generate-logo in your project. Claude Code loads it when a task matches its description.

How do I install Generate Logo in Codex?

Run `npx skills add jeremylongshore/tons-of-skills-marketplace --skill generate-logo -a codex`. Or copy the skill folder (plugins/design/brand-forge/skills/generate-logo in jeremylongshore/tons-of-skills-marketplace) into .agents/skills/generate-logo in your project. Codex loads it when a task matches its description.

Can I use Generate Logo in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add jeremylongshore/tons-of-skills-marketplace --skill generate-logo -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/generate-logo, .gemini/skills/generate-logo, .github/skills/generate-logo and .opencode/skills/generate-logo in your project.

What does Generate Logo need to run?

Going by SKILL.md and its folder, Generate Logo needs the command-line tools its instructions call (node). Our summary lists: Node.js. Its frontmatter pre-approves these tools: Read, Write, Glob, Bash(node:*). Compatibility (from SKILL.md): Designed for Claude Code.

Does Generate Logo access the network?

SKILL.md names 2 domains. As links in the text: developer.mozilla.org and code.claude.com. This is read from the text; nothing was executed.

Is Generate Logo safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Generate Logo use?

Generate Logo is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Generate Logo use?

About 1.4k tokens (SKILL.md is roughly 5.6k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 320 tokens, read only when the agent opens those files.

What are the alternatives to Generate Logo?

Skills that share tags, products or a category with Generate Logo: Brand and Design Toolkit (nextlevelbuilder/ui-ux-pro-max-skill, 135k stars), Anthropic Brand Styling (anthropics/skills, 180k stars), Logo Design (kaankiziltug/logo-design-skill, 2.5k stars) and Logo Generator (op7418/logo-generator-skill, 2.2k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Generate Logo?

jeremylongshore (a GitHub user) maintains it in jeremylongshore/tons-of-skills-marketplace, which has 2,827 GitHub stars. The repository holds 3,342 skills in this directory. The repository was last updated on October 10, 2026.

Source: jeremylongshore/tons-of-skills-marketplace on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.