How do I install the Svg Icon Best Practice skill?

Run npx skillmds@latest add tomevault-io/svg-icon-best-practice in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Svg Icon Best Practice safe to use?

This skill has not completed SkillMD's automated safety review yet. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Svg Icon Best Practice?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Svg Icon Best Practice free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Svg Icon Best Practice?

tomevault-io (@tomevault-io) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Svg Icon Best Practice

Name: Svg Icon Best Practice
Author: tomevault-io

Must follow when 管理或新增 React TypeScript 项目中的 SVG 图标组件，确保命名、封装方式和导出规范遵循项目标准规范。触发词：svg图标规范、图标组件管理、SVG图标规范审查。 Use when this capability is needed.

tomevault-io Updated Sep 17, 2026

Web & Frontend

Install

Press C to copy

$ npx skillmds@latest add tomevault-io/svg-icon-best-practice

Installs into ~/.claude/skills (or .claude/skills inside a project). Restart Claude Code to pick it up.

Download .zip

＋ Add to collection

README badge

[![SkillMD](https://skillmd.com/badge/tomevault-io/svg-icon-best-practice.svg)](https://skillmd.com/skills/tomevault-io/svg-icon-best-practice)

Trust & safety

2 of 3 audits passed

Last audited Sep 19, 2026 · commit 9555943

Works with: Claude Code Claude.ai OpenAI Codex +

File contents

SVG 图标管理规范

使用说明

参照 best-practice-examples/ 中的代码结构（图标组件与业务组件示例）
按 icon-component-template.md 封装 SVG 为独立 .tsx 组件
迁移内联 SVG 时参考 migration-checklist.md
完成后使用 checklist.md 逐项验证

规范： 所有 SVG 存放于 src/components/icons/，文件名 PascalCase；详细最佳实践见 best-practice-examples.md

Converted and distributed by TomeVault — claim your Tome and manage your conversions.

tomevault-io/skills-registry/tree/main/forge-town--skills--svg-icon-best-practice commit 95559438a9

Frequently asked questions

npx skillmds@latest add tomevault-io/svg-icon-best-practice