| name | svgl |
| description | Find company logos in SVGL, save SVG files into this course repo's assets folder, and add markdown image references. Use when the user asks for brand logos, SVGL assets, course lesson logos, or inline HTML img tags for markdown. |
SVGL
Use this skill when the user wants a company or product logo from SVGL saved into the course assets folder and referenced from lesson markdown.
Workflow
- Identify the logo name, lesson slug, markdown file, and insertion point from the user's request.
- Run
scripts/save-logo.mjs from this skill directory to search SVGL and save the SVG.
- Use the script's
imgTag output exactly when adding the markdown reference.
- If the user specified a markdown location, pass
--markdown with either --replace or --insert-after so the script updates the file deterministically.
- If several SVGL results are plausible, choose the exact title match first; otherwise tell the user which closest match was used.
When --markdown is provided, the script emits a src path relative to that markdown file. File-relative paths are portable for cloned repos, local previews, and markdown renderers outside GitHub.
The script normalizes saved SVGs by adding the root SVG namespace when SVGL returns a minimal <svg> without xmlns="http://www.w3.org/2000/svg". This keeps the saved asset usable as a standalone image in Markdown renderers.
The returned inline image tag includes width and height attributes so SVG logos render as small inline icons instead of expanding to the container width. Use --img-size only when the surrounding text needs a different icon size.
Script
node scripts/save-logo.mjs --query "OpenAI" --lesson "06-make-it-reusable"
The script saves to assets/course/[LESSON]/[FILE].svg and returns an inline HTML tag:
<img src="../../assets/course/[LESSON]/[FILE].svg" alt="[DESCRIPTION]" width="24" height="24" />
Use --help for markdown update flags and light/dark variant selection.
Resources
Keep most SVGL API knowledge in scripts/save-logo.mjs so the workflow stays deterministic and the skill remains small. Add a references/ file only if the workflow grows beyond search/save/reference, such as documenting multiple SVGL endpoints, license/attribution checks, or rules for choosing between light and dark logo variants.
