메뉴
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.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Create and refine high-quality Agent Skills. Use when drafting, reviewing, or updating a skill, deciding what belongs in SKILL.md versus bundled resources, or turning a repeated workflow into reusable agent instructions.
Use when the user wants one rough sentence revised for clarity using familiar-to-complex flow, clear subjects and actions, and stronger emphasis.
Answer Pokémon data questions with PokéAPI-backed lookup, cached API scripts, and curated release-year data. Use for course demos or user questions about Pokémon counts, species facts, types, abilities, generations, versions, version groups, game release years, or how to query PokéAPI.
Guide learners through this AI Agent Skills course repo. Use when the user asks what the course is, how to get started, which lesson to open next, how to do an exercise, where solutions live, or how course demo skills like Pokémon, SVGL, sentence clarity, course lesson editor, bad variants, and create-skill-reference fit together.
Turn rough course lesson sketches into clear developer education lessons that lead into exercises. Use when drafting, revising, or structuring lesson content, especially files like course/*/01-lesson.md and course/*/02-exercise.md.
Demonstrate why learners should read a skill before installing or running it.
| 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. |
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.
scripts/save-logo.mjs from this skill directory to search SVGL and save the SVG.imgTag output exactly when adding the markdown reference.--markdown with either --replace or --insert-after so the script updates the file deterministically.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.
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.
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.