Turn a raster logo (PNG, JPG, WebP) into a pixel-identical, self-contained SVG by base64 embedding.

Apache-2.0Auto-check passedAI & LLM Engineering

Install Raster Logo SVG

skills CLI
$ npx skills add hashgraph-online/awesome-codex-plugins --skill raster-logo-svg -a claude-code

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

GitHub CLI
$ gh skill install hashgraph-online/awesome-codex-plugins raster-logo-svg --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/hashgraph-online/awesome-codex-plugins.git skills-src && mkdir -p .claude/skills && cp -r skills-src/plugins/PyModel/designer-skill/skills/raster-logo-svg .claude/skills/raster-logo-svg && 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
raster-logo-svg
GitHub stars
1.3k
Token cost
~826 tokens
SKILL.md length
329 words
Files
2 (incl. scripts)
Skills in repo
716
Repo updated
First seen
Licence
Apache-2.0

At a glance

Turn a raster logo (PNG, JPG, WebP) into a pixel-identical, self-contained SVG by base64 embedding.

  • Works in 2 steps: Source of truth — keep the raster (e.g.… → Generate SVG — run the script from repo…
  • An .svg logo is needed without a vector source
  • SKILL.md covers Choose the approach, Workflow, Output format and Tradeoffs (tell the user when…, plus 3 more sections
  • Runs Python scripts from its folder; calls python3, magick and brew; reaches w3.org

What it does

Raster Logo SVG is an agent skill from hashgraph-online/awesome-codex-plugins. Turn a raster logo (PNG, JPG, WebP) into a pixel-identical, self-contained SVG by base64 embedding. Use when an .svg logo is needed without a vector source, or a redrawn SVG does not match the original.

Its SKILL.md is about 830 tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files, including scripts (for example `scripts/embed-logo.py`).

It sits in AI & LLM Engineering, covering Logo and visual identity and Embeddings. The repository describes itself as: A curated list of awesome OpenAI Codex / ChatGPT plugins, skills, and resources. The 1 Codex Marketplace. See live plugins at: https://hol.org/plugins/best-codex-plugins. The licence is Apache-2.0.

When your agent uses it

  • An .svg logo is needed without a vector source
  • A redrawn SVG does not match the original

Example prompts

  • “/raster-logo-svg”

Requirements

  • Python 3

Workflow steps

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

  1. Source of truth — keep the raster (e.g. docs/logo.webp). Do not delete it.
  2. Generate SVG — run the script from repo root or skill directory

What it can do on your machine

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

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Ships 1 file in scripts/ (Python), which the agent can run.

    Shell commands in SKILL.md call:

    • python3
    • magick
    • brew

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

  • Network

    Hosts in commands or code, which the agent is likely to contact:

    • w3.org

    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.

Context cost

Raster Logo SVG loads about 826 tokens when it runs. Until then it costs about 55 tokens; SKILL.md has 329 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~55
When it runs · the whole SKILL.md, loaded when a task matches
~826

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); the scripts in this folder are not scanned.

SKILL.md

The full file from hashgraph-online/awesome-codex-plugins at commit 3e1456a, republished under its Apache-2.0 licence (© hashgraph-online). 329 words, ~826 tokens.

Download SKILL.mdSave it as .claude/skills/raster-logo-svg/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.
name
raster-logo-svg
description
Turn a raster logo (PNG, JPG, WebP) into a pixel-identical, self-contained SVG by base64 embedding. Use when an .svg logo is needed without a vector source, or a redrawn SVG does not match the original.

raster-logo-svg

Create an SVG wrapper around an existing raster logo so the output is pixel-identical to the source. This is not true vectorization.

Choose the approach

NeedDo
Match an existing raster logo exactlyEmbed (this skill)
Crisp at any size, editable pathsExport from Figma/Illustrator, or commission true vector
Quick monochrome outlinePotrace (usually wrong for brand logos with color/gold/type)
Hand-redrawn pathsOnly if no raster exists and user accepts approximation

Default to embed when a .webp, .png, or .jpg logo already exists and the user wants .svg.

Workflow

  1. Source of truth — keep the raster (e.g. docs/logo.webp). Do not delete it.
  2. Generate SVG — run the script from repo root or skill directory:
bash
python3 skills/raster-logo-svg/scripts/embed-logo.py docs/logo.webp -o docs/logo.svg -l "project-name"

Requires ImageMagick (magick identify) for dimensions. Install: brew install imagemagick.

  1. README — prefer the raster in GitHub README for reliable rendering:
markdown
<img src="docs/logo.webp" alt="project-name" width="580" />

Use the SVG for plugin manifests, favicons, npm package icons, or anywhere a .svg path is required.

  1. Verify — open the SVG locally; it must look identical to the raster. Do not commit temp traces (icon-traced.svg, potrace output, failed hand-drawn attempts).

Output format

The script produces:

xml
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 W H" role="img" aria-label="…">
  <image width="W" height="H" href="data:image/webp;base64,…"/>
</svg>
  • viewBox matches source pixel dimensions from magick identify.
  • MIME: image/webp, image/png, or image/jpeg from file extension.
  • Self-contained: no external href="logo.webp" (breaks when SVG is copied alone).

Tradeoffs (tell the user when relevant)

  • Pros: Perfect visual match, fast, no design source needed.
  • Cons: Not true vector; upscaling very large may soften (same as the raster).
  • Size: SVG file ≈ base64(raster) + ~200 bytes overhead (~33% larger than raw binary).

Do not

  • Hand-draw paths to “recreate” a brand logo when the raster exists — results rarely match.
  • Use potrace/ImageMagick trace for full-color wordmarks.
  • Replace the canonical raster with only SVG unless the user explicitly drops the raster.
  • Embed secrets or sensitive images in public repos without user confirmation.

Optional: external-reference SVG

Only for local tooling that resolves sibling files (not GitHub README <img src="logo.svg">):

xml
<image href="logo.webp" width="1163" height="350"/>

Prefer base64 embed for portable .svg files.

Example (designer-skill)

bash
python3 skills/raster-logo-svg/scripts/embed-logo.py \
  docs/designer-skill-mcp-logo.webp \
  -o docs/designer-skill-mcp-logo.svg \
  -l "designer-skill-mcp"

README uses designer-skill-mcp-logo.webp; plugin/icon paths can use the .svg.

© hashgraph-online, Apache-2.0. 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 (scripts) in plugins/PyModel/designer-skill/skills/raster-logo-svg of hashgraph-online/awesome-codex-plugins.

  • SKILL.md
  • scripts/embed-logo.py

Open the folder on GitHubat commit 3e1456a

Compare with similar skills

Raster Logo SVG 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.

Raster Logo SVG compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Raster Logo SVG this skillhashgraph-online/awesome-codex-plugins1.3k—~826Automated safety check: PassApache-2.0
Xsaimoeru-ai/airi50k1 repos~1.3kAutomated safety check: PassMIT
Fastllm Gatewayazrtydxb/Fastllm-proxy108—~926Automated safety check: PassApache-2.0
Unified LLM APIPrism-Shadow/penguin-harness2.5k—~6.7kAutomated safety check: PassApache-2.0
Gemini Live APIgoogle/skills21k—~2.5kAutomated safety check: NotesApache-2.0
Render Logo Equation Cardgooseworks-ai/goose-skills1.2k—~1.2kAutomated safety check: PassMIT

Similar skills

  • Xsai

    moeru-ai/airi

    A skill your agent uses when the user is building with xsai or any @xsai/ package, or is evaluating xsAI for a small OpenAI-compatible workflow with text generation, streaming, tool calling…

    50k GitHub starsUsed in 1 repo~1.3k tokens
    AI & LLM EngineeringAuto-check passed
  • Fastllm Gateway

    azrtydxb/Fastllm-proxy

    Send inference requests through the FastLLM OpenAI-compatible gateway — chat completions, completions, embeddings, rerank, score, responses, moderations, audio speech and transcription, image…

    108 GitHub stars~926 tokensUpdated today
    AI & LLM EngineeringAuto-check passed
  • Unified LLM API

    Prism-Shadow/penguin-harness

    Call model APIs through @prismshadow/mmsp (MMSP) — streaming text generation, image generation, speech synthesis, embeddings and the supported-model registry with one client.

    2.5k GitHub stars~6.7k tokensUpdated yesterday
    AI & LLM EngineeringAuto-check passed
  • Gemini Live API

    google/skills

    Official

    Generates a Gemini LiveAPI client service class in the user's chosen programming language.

    21k GitHub stars~2.5k tokensUpdated yesterday
    AI & LLM EngineeringAuto-check: notes
  • Render Logo Equation Card

    gooseworks-ai/goose-skills

    Render the logo-equation card ad (7s, 9:16) — partner icon + brand icon joined by a plus sign as an equation, a two-line "= outcome" headline, four numbered steps, and a CTA that hard-cuts in at 2s…

    1.2k GitHub stars~1.2k tokensUpdated 2 days ago
    AI & LLM EngineeringAuto-check passed
  • Chroma Vector Database

    Orchestra-Research/AI-Research-SKILLs

    Shows how to store documents and embeddings in Chroma, query them by similarity with metadata filters, and persist them to disk for RAG and semantic search projects.

    13k GitHub starsUsed in 7 repos~2.3k tokens
    AI & LLM EngineeringAuto-check passed

More from hashgraph-online/awesome-codex-plugins

All 715 skills in this repo
  • Anime Reaction Gif

    hashgraph-online/awesome-codex-plugins

    Create original anime-style reaction stickers as looping GIFs and MP4 previews, using generated character pose sheets and timed key poses.

    1.3k GitHub stars~922 tokensUpdated today
    Auto-check passed
  • Calibredb

    hashgraph-online/awesome-codex-plugins

    Manage and query Calibre libraries with the calibredb CLI (local paths or Calibre Content server URLs).

    1.3k GitHub stars~1k tokensUpdated today
    Auto-check passed
  • Rust API Test Harness

    hashgraph-online/awesome-codex-plugins

    A skill your agent uses when adding, changing, testing, or debugging Rust HTTP APIs and services, especially when Codex needs black-box integration tests, random-port app startup, real database test…

    1.3k GitHub stars~1.7k tokensUpdated today
    Auto-check passed
  • Art

    hashgraph-online/awesome-codex-plugins

    Make a studio's game look like something at build time — a cover from a real frame of the game (free), painted covers, backdrops, textures and character plates from image models through the…

    1.3k GitHub stars~2.5k tokensUpdated today
    Auto-check passed
  • Calle

    hashgraph-online/awesome-codex-plugins

    Use CALL-E from Codex through the calle CLI. An agent skill from hashgraph-online/awesome-codex-plugins.

    1.3k GitHub stars~2.9k tokensUpdated today
    Auto-check passed
  • Game Balance Economy

    hashgraph-online/awesome-codex-plugins

    Balance game difficulty, resources, rewards, probability, progression, economies, and dominant strategies.

    1.3k GitHub stars~618 tokensUpdated today
    Auto-check passed

Questions about Raster Logo SVG

What does Raster Logo SVG do?

Turn a raster logo (PNG, JPG, WebP) into a pixel-identical, self-contained SVG by base64 embedding. Raster Logo SVG is an agent skill from hashgraph-online/awesome-codex-plugins. Turn a raster logo (PNG, JPG, WebP) into a pixel-identical, self-contained SVG by base64 embedding.

When should I use Raster Logo SVG?

Raster Logo SVG fits situations like: an .svg logo is needed without a vector source; A redrawn SVG does not match the original.

How do I install Raster Logo SVG in Claude Code?

Run `npx skills add hashgraph-online/awesome-codex-plugins --skill raster-logo-svg -a claude-code`. Or copy the skill folder (plugins/PyModel/designer-skill/skills/raster-logo-svg in hashgraph-online/awesome-codex-plugins) into .claude/skills/raster-logo-svg in your project. Claude Code loads it when a task matches its description.

How do I install Raster Logo SVG in Codex?

Run `npx skills add hashgraph-online/awesome-codex-plugins --skill raster-logo-svg -a codex`. Or copy the skill folder (plugins/PyModel/designer-skill/skills/raster-logo-svg in hashgraph-online/awesome-codex-plugins) into .agents/skills/raster-logo-svg in your project. Codex loads it when a task matches its description.

Can I use Raster Logo SVG 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 hashgraph-online/awesome-codex-plugins --skill raster-logo-svg -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/raster-logo-svg, .gemini/skills/raster-logo-svg, .github/skills/raster-logo-svg and .opencode/skills/raster-logo-svg in your project.

What does Raster Logo SVG need to run?

Going by SKILL.md and its folder, Raster Logo SVG needs Python for the scripts in its folder and the command-line tools its instructions call (python3, magick and brew). Our summary lists: Python 3.

Does Raster Logo SVG access the network?

SKILL.md names 1 domain. In commands or code: w3.org; the agent is likely to contact it when it follows the instructions. This is read from the text; nothing was executed.

Is Raster Logo SVG 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. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.

What licence does Raster Logo SVG use?

Raster Logo SVG is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Raster Logo SVG use?

About 826 tokens (SKILL.md is roughly 3.3k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Raster Logo SVG?

Skills that share tags, products or a category with Raster Logo SVG: Xsai (moeru-ai/airi, 50k stars), Fastllm Gateway (azrtydxb/Fastllm-proxy, 108 stars), Unified LLM API (Prism-Shadow/penguin-harness, 2.5k stars) and Gemini Live API (google/skills, 21k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Raster Logo SVG?

hashgraph-online (a GitHub organization) maintains it in hashgraph-online/awesome-codex-plugins, which has 1,267 GitHub stars. The repository holds 716 skills in this directory. The repository was last updated on October 10, 2026.

Source: hashgraph-online/awesome-codex-plugins on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.