check-svg

Installation
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 使用

参考: 具体迁移流程见 svg-icon-best-practice

Related skills

More from forge-town/skills

Installs
15
GitHub Stars
5
First Seen
Feb 26, 2026