Skip to content
TrustedSkillsbeta
Back to all skills

Svg Icon Best Practice

Listed
forge-town·vlatest·frontend·MIT

Ensures SVG icons adhere to accessibility and performance best practices, optimizing size and usability.

Repository

Install on your platform

Showing Claude Code. One command installs this skill into any of the agents below.

Installs under a different name. Its SKILL.md names it forge_svg-icon-best-practice, not the name it is listed under, so the command below uses that name.
  1. 1

    Run this in your project

    terminal
    $ npx skills add forge-town/skills --skill forge_svg-icon-best-practice -a claude-code

  2. Uses the open-source skills CLI and needs Node.js. Add -g to install it for your user instead of this project.

What we know about this skill

Publisher

forge-town

Taken from the source listing. We haven't verified who controls this account.

Install target

Live repository

Not pinned. Installing fetches whatever the repository holds at the time you run the command.

Nobody has reviewed this code. TrustedSkills indexes and links skills; it does not audit, run or scan them. A skill runs with whatever access you give your agent — read the source before you install it.

Automated safety checks

scanned

We could not read this skill's source, so none of the checks below were run.

Not scanned. none of the 57 skills in the repository match this slug — it was most likely renamed or removed upstream after the registry indexed it Source recorded as forge-town/skills.
This is a static scan, not a review. It reads the skill's files; it does not run them, and it cannot tell you whether the skill is any good or whether the code does what its description says. A skill runs with whatever access you give your agent.
What each check looks for →

About this skill

What it does

This skill provides best practices for working with SVG icons in frontend development. It ensures icons are optimized, accessible, and consistently styled within a project. The skill can help automate tasks related to SVG icon management, reducing manual effort and improving overall code quality.

When to use it

  • You need to optimize existing SVG icons for performance (file size reduction).
  • You want to ensure your SVG icons are properly accessible (e.g., providing alternative text).
  • You're building a new frontend project and want to establish consistent styling for all SVG icons.
  • You’re refactoring an older codebase that uses inconsistent or poorly managed SVG icons.

Key capabilities

  • SVG icon optimization
  • Accessibility improvements (alt text)
  • Consistent styling enforcement

Example prompts

  • "Optimize these SVG icons for web performance."
  • "Add appropriate alt text to all of my SVG icons."
  • "Ensure all SVG icons in this project use the same color palette."

Tips & gotchas

This skill likely requires access to your codebase or a set of SVG files. The effectiveness depends on how consistently existing SVG icons are structured and styled.