forge-town/skills

forge_check-svg

Use when 需要扫描或检查项目中 SVG 图标的使用?

Installation

$ npx skills add forge-town/skills --skill forge_check-svg

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

Also in this package

Other skills from forge-town/skills · top by installs.

npx skills add forge-town/skills

Browse all from forge-town/skills

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 7
License LICENSE
Default branch main
Open issues 0
Status Active

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 908 B
  • docs SUMMARY.md 292 B

History

  1. First recorded snapshot · 1 installs

SKILL.md

SVG 组件检查

使用说明

  1. 扫描组件文件,用正则 <svg[^>]>[\s\S]?<\/svg> 检测内联 <svg> 标签
  2. 发现违规时,将内联 SVG 提取为 IconName.tsx(PascalCase),放入 components/icons/,原处改为 import + <IconName />
  3. 迁移时将 width/height/fill/className 等属性改为 props

规范: 禁止在业务组件中内联 <svg>;所有图标必须封装为独立组件并通过 import 使用

参考: 具体迁移流程见 [forgesvg-icon-best-practice](../forgesvg-icon-best-practice/SKILL.md)