svg-icon-best-practice
Installation
SKILL.md
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
Related skills
More from forge-town/skills
zod-env-integration
Must follow when 配置类型安全的环境变量管理模块,基于 .env.example 使用 Zod 生成 env schema 和标准化管理工具。触发词:zod环境变量、env类型安全配置、环境变量schema。
38create-skills
Use when 需要创建新技能或更新现有技能,将领域知识、工作流程、脚本和工具集成打包为可复用 Skill;生成的新技能须使用中文编写。触发词:创建新技能、更新skill、新建技能包、扩展AI能力。
37page-best-practice
Must follow when 创建或审查前端页面结构,确保遵循 Anatomy 规范,正确分离 Wrapper、Content 和 Optional Store 模块。触发词:创建页面、页面结构规范、前端页面解剖规范。
32store-best-practice
Must follow when 使用 Zustand 创建或重构状态管理 Store,确保遵循 slice 模式、Provider 设置和类型安全规范。触发词:创建store、zustand规范、状态管理最佳实践、store设计审查。
30service-best-practice
Must follow when 创建或重构 Service 层,基于 tRPC + Service + DAO 架构确保依赖注入、错误处理和业务逻辑分层符合规范。触发词:service规范、创建service层、服务层重构。
29skill-best-practice
Must follow when 创建或修改 Skill 后执行质量验证,涵盖命名、目录结构、元数据完整性、临时文件清理和依赖格式共 16 项检查。触发词:检查skill规范、skill质量验证、技能合规性检查。
27