Menu

#490 by GitHub stars

op7418/logo-generator-skill

Generate professional SVG logos and high-end showcase images. Use when the user wants to: (1) Create a logo or icon for their product/brand, (2) Generate logo design concepts based on product information, (3) Create professional logo showcase presentations with multiple background styles, (4) Export

Engineering

History

Review weekly changes to SKILL.md before updating. Dates mark the weeks in which we observed each version; checks apply to the recorded commits.

View weekly changes

SKILL.md

Week of Nov 2, 2026 · +0 / −0 lines

Before Local scripts → After Local scripts

bf4e9ac4d442 → bf4e9ac4d442

Diff text is unavailable under the recorded licenses. Line counts and the GitHub link remain available.

Compare on GitHub

Week of Oct 26, 2026 · Line counts unavailable

Before Not checked yet → After Local scripts

First observation → bf4e9ac4d442

No earlier version was observed for comparison.

Compare on GitHub

View on GitHubAdd to my skills

Verified commit bf4e9ac4d4428bda261afcfe981871ceb92d94e6

2.3kGitHub stars
28stars in 7 days
1skill in this repository
0commits in 30 days

Heat

5.5
  • Star growth, last 7 daysAhead of 87% of tracked repositories
  • Star growth, last 24 hoursAhead of 91% of tracked repositories
  • Rank movement, last 7 daysAhead of 30% of tracked repositories
  • Commits, last 30 daysAhead of 0% of tracked repositories
  • Accounts asking about it through MCP, last 7 daysNot available
  • Hot votes this weekAhead of 0% of tracked repositories

Heat never changes the order by stars, and sponsorship never touches it. How heat works

Stars over time

Aug 2, 2026Nov 6, 20262,347

Individual skills in this repository

How it works

logo-generator

When your agent uses it

Generate professional SVG logos and high-end showcase images. Use when the user wants to: (1) Create a logo or icon for their product/brand, (2) Generate logo design concepts based on product information, (3) Create professional logo showcase presentations with multiple background styles, (4) Export logos in various formats (SVG, PNG), or (5) Iterate on logo designs with different visual styles. Supports geometric patterns, dot matrix designs, line systems, and mixed compositions. Generates showcase images using Nano Banana (Gemini image generation) with 12 professional background styles.

What it loads into context

Frontmatter

125 tokens

Always available to the agent

SKILL.md

1,744 tokens

When the skill is activated

Reference documents

16,527 tokens

Loaded on request

Token counts are estimates. Scripts run separately; they are not counted as reference context.

The playbook

  1. Workflow
  2. Key Design Principles
  3. Technical Notes
  4. Common Patterns
  5. Troubleshooting

Scripts executed separately

  • scripts/generate_showcase.py
  • scripts/svg_to_png.py

Files

  • .DS_Storeasset10,244 bytes
  • .env.exampleasset326 bytes
  • .gitignoreasset133 bytes
  • README.mddoc14,331 bytes
  • SKILL.mdcore7,357 bytes
  • assets/background_library.htmlasset29,862 bytes
  • assets/showcase_template.htmlasset7,138 bytes
  • references/background_styles.mddoc9,425 bytes
  • references/design_patterns.mddoc28,795 bytes
  • references/webgl_backgrounds.mddoc4,844 bytes
  • requirements.txtdoc72 bytes
  • scripts/generate_showcase.pyruns12,575 bytes
  • scripts/svg_to_png.pyruns1,881 bytes

No excerpt is shown for this license. Read the source on GitHub.

View the complete source on GitHub

Skills included

  • logo-generator

Repository facts

License
No license detected
Created
Apr 15, 2026
Last pushed
Apr 15, 2026
Forks
178
Open issues
1
Project activity
Slowing

Rank over the last 12 weeks

Now #490 · best #389 · down 55 in 30 days

  1. #481 from Oct 29 to Oct 30
  2. #480 from Oct 31 to Nov 1
  3. #482 on Nov 2
  4. #485 on Nov 3
  5. #487 from Nov 4 to Nov 5
  6. #490 since Nov 6
75 earlier periods
  1. #398 on Aug 2
  2. #403 on Aug 7
  3. #406 on Aug 8
  4. #401 on Aug 9
  5. #417 on Aug 10
  6. #418 on Aug 11
  7. #409 on Aug 12
  8. #408 from Aug 13 to Aug 14
  9. #405 on Aug 15
  10. #410 on Aug 16
  11. #411 on Aug 17
  12. #415 on Aug 18
  13. #400 on Aug 19
  14. #398 on Aug 20
  15. #396 on Aug 21
  16. #391 on Aug 22
  17. #398 on Aug 23
  18. #397 on Aug 24
  19. #400 on Aug 25
  20. #399 on Aug 26
  21. #403 from Aug 27 to Aug 28
  22. #396 on Aug 29
  23. #389 on Aug 30
  24. #401 on Aug 31
  25. #408 on Sep 1
  26. #402 on Sep 2
  27. #407 on Sep 3
  28. #398 on Sep 4
  29. #402 on Sep 6
  30. #411 on Sep 7
  31. #413 on Sep 8
  32. #411 on Sep 9
  33. #410 on Sep 10
  34. #412 on Sep 11
  35. #409 on Sep 12
  36. #408 on Sep 13
  37. #418 on Sep 14
  38. #416 on Sep 15
  39. #418 on Sep 16
  40. #413 on Sep 17
  41. #420 on Sep 18
  42. #409 on Sep 19
  43. #419 from Sep 20 to Sep 21
  44. #426 on Sep 22
  45. #419 on Sep 23
  46. #412 from Sep 24 to Sep 25
  47. #409 on Sep 26
  48. #422 on Sep 27
  49. #426 on Sep 28
  50. #432 on Sep 29
  51. #430 from Sep 30 to Oct 1
  52. #428 on Oct 2
  53. #414 on Oct 3
  54. #411 on Oct 4
  55. #419 on Oct 5
  56. #425 on Oct 6
  57. #430 on Oct 7
  58. #435 on Oct 8
  59. #441 on Oct 9
  60. #433 on Oct 10
  61. #434 on Oct 11
  62. #445 on Oct 12
  63. #441 on Oct 13
  64. #442 on Oct 14
  65. #444 on Oct 15
  66. #450 on Oct 16
  67. #440 on Oct 17
  68. #444 on Oct 18
  69. #454 from Oct 19 to Oct 20
  70. #457 on Oct 21
  71. #455 on Oct 22
  72. #454 on Oct 23
  73. #443 on Oct 24
  74. #476 on Oct 25
  75. #480 on Oct 28

Before you install

Local scripts

Automated signals, not a guarantee

Checked Nov 3, 2026

Show all 61 signals by file

.env.example

  • Access to secretsline 2
    [Credential-related source omitted]
  • Network accessline 4
    # Optional: Use third-party API endpoint # Leave empty to use official Google API # Example: https://your-proxy.com/v1
  • Network accessline 5
    # Leave empty to use official Google API # Example: https://your-proxy.com/v1 GEMINI_API_BASE_URL=
  • Network accessline 6
    # Example: https://your-proxy.com/v1

.gitignore

  • Access to secretsline 1
    [Credential-related source omitted]

README.md

  • Network accessline 3
    ![Showcase](https://github.com/user-attachments/assets/c36c0e15-370c-4670-906e-36b829f9e7fa)
  • Network accessline 44
    npx skills add https://github.com/op7418/logo-generator-skill.git
  • Network accessline 52
    git clone https://github.com/op7418/logo-generator-skill.git ~/.claude/skills/logo-generator
  • Access to secretsline 75
    [Credential-related source omitted]
  • Access to secretsline 76
    [Credential-related source omitted]
  • Access to secretsline 198
    [Credential-related source omitted]
  • Network accessline 205
    [Credential-related source omitted]
  • Access to secretsline 205
    [Credential-related source omitted]
  • Network accessline 206
    GEMINI_API_BASE_URL=https://api.example.com/v1
  • Network accessline 261
    npx skills add https://github.com/op7418/logo-generator-skill.git
  • Network accessline 269
    git clone https://github.com/op7418/logo-generator-skill.git ~/.claude/skills/logo-generator
  • Access to secretsline 292
    [Credential-related source omitted]
  • Access to secretsline 293
    [Credential-related source omitted]
  • Access to secretsline 415
    [Credential-related source omitted]
  • Network accessline 422
    [Credential-related source omitted]
  • Access to secretsline 422
    [Credential-related source omitted]
  • Network accessline 423
    GEMINI_API_BASE_URL=https://api.example.com/v1

SKILL.md

  • Access to secretsline 192
    [Credential-related source omitted]
  • Network accessline 196
    **Third-party API not working**: Ensure `GEMINI_API_BASE_URL` is correctly formatted (e.g., `https://api.example.com/v1`)

assets/showcase_template.html

  • Network accessline 5
    <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>{{PRODUCT_NAME}} — Logo Design Exploration</title>     <script src="https://cdn.tailwindcss.com"></script>
  • Network accessline 6
    <title>{{PRODUCT_NAME}} — Logo Design Exploration</title>     <script src="https://cdn.tailwindcss.com"></script>     <script crossorigin src="https://unpkg.com/react@18/umd/react.production.min.js"></script>
  • Network accessline 7
    <script src="https://cdn.tailwindcss.com"></script>
  • Network accessline 8
    <script crossorigin src="https://unpkg.com/react@18/umd/react.production.min.js"></script>
  • Network accessline 9
    <script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js"></script>
  • Network accessline 10
    <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
  • Network accessline 11
    <link rel="preconnect" href="https://fonts.googleapis.com">
  • Network accessline 12
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  • Network accessline 13
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600&family=JetBrains+Mono:wght@300;400&display=swap" rel="stylesheet">
  • Network accessline 40
    width: 100%;             height: 100%;             background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0
  • Network accessline 41
    height: 100%;             background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitch
  • Network accessline 42
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filt

references/design_patterns.md

  • Network accessline 125
    <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  • Network accessline 165
    <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  • Network accessline 199
    <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  • Network accessline 219
    <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  • Network accessline 261
    <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  • Network accessline 275
    <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  • Network accessline 294
    <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  • Network accessline 318
    <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  • Network accessline 341
    <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  • Network accessline 371
    <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  • Network accessline 393
    <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  • Network accessline 419
    <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  • Network accessline 452
    <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  • Network accessline 492
    <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  • Network accessline 529
    <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  • Network accessline 555
    <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  • Network accessline 598
    <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  • Network accessline 617
    <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">

scripts/generate_showcase.py

  • Executable scriptline 1
    #!/usr/bin/env python3
  • Access to secretsline 27
    [Credential-related source omitted]
  • Access to secretsline 132
    [Credential-related source omitted]
  • Access to secretsline 133
    [Credential-related source omitted]
  • Access to secretsline 186
    [Credential-related source omitted]
  • Possible obfuscationline 195
    data=base64.b64decode(reference_image_b64),

scripts/svg_to_png.py

  • Executable scriptline 1
    #!/usr/bin/env python3

How the signals fit together

Facts from a static read of the files at the pinned commit. They describe what the code does, not why.

Some files could not be read; the facts below still hold.

Signal confidence: 44 facts

Works with

Agent compatibility, from the files in this repository
AgentStatusEvidenceInstall to
Claude CodeCompatibleStandard SKILL.md SKILL.md.claude/skills/<skill-name>/
CodexCompatibleStandard SKILL.md SKILL.md.agents/skills/<skill-name>/
CursorCompatibleStandard SKILL.md SKILL.md.cursor/skills/<skill-name>/
Gemini CLICompatibleStandard SKILL.md SKILL.md.gemini/skills/<skill-name>/
GitHub CopilotCompatibleStandard SKILL.md SKILL.md.github/skills/<skill-name>/
OpenCodeCompatibleStandard SKILL.md SKILL.md.opencode/skills/<skill-name>/
  • Native The repository ships a manifest, folder or frontmatter field for this agent.
  • Compatible A standard SKILL.md that this agent can read.
  • Unknown No evidence either way.

Derived automatically from paths, manifests and frontmatter. Not tested on each agent.

You might also use

mattpocock/skills

Skills for Real Engineers. Straight from my .agents directory.

316.8kGitHub stars

obra/superpowers

An agentic skills framework & software development methodology that works.

313.6kGitHub stars

NousResearch/hermes-agent

The agent that grows with you

261.2kGitHub stars

multica-ai/andrej-karpathy-skills

Behavioral guidelines to reduce common LLM coding mistakes. Use when writing, reviewing, or refactoring code to avoid overcomplication, make surgical changes, surface assumptions,…

230.3kGitHub stars

anthropics/skills

Public repository for Agent Skills

188.2kGitHub stars

DietrichGebert/ponytail

Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.

185.9kGitHub stars

Explore alternatives and comparisons

Add this badge to your README

It updates every night and links to this page.

op7418/logo-generator-skill: #490 on hotskills, 2.3k stars

[![op7418/logo-generator-skill on hotskills](https://hotskills.dev/badge/op7418-logo-generator-skill.svg)](https://hotskills.dev/skill/op7418-logo-generator-skill/)