Agent Skills
› t4t5/rencal
t4t5/rencal
GitHub将原始SVG标记转换为Astro图标组件,自动清理属性并生成带Props接口的文件。
Install All Skills
npx skills add t4t5/rencal --all -g -y
Skills in Collection (4)
将原始SVG标记转换为Astro图标组件,自动清理属性并生成带Props接口的文件。
用户提供SVG代码并要求添加为Astro图标
需要将SVG转为可复用组件
npx skills add t4t5/rencal --skill add-astro-icon -g -y
将原始SVG标记转换为React图标组件,自动命名、清理属性并适配Tailwind样式,快速生成到src/icons/目录。
用户提供SVG代码并要求添加为图标
需要将外部SVG源(如Figma)转为React组件
npx skills add t4t5/rencal --skill add-icon -g -y
基于Git标签差异生成项目发布说明,自动识别新旧版本并提取变更内容。
用户要求生成版本更新日志
需要总结两个Git标签之间的代码变更
npx skills add t4t5/rencal --skill generate-release-notes -g -y
分析前端性能录制文件,识别渲染帧、脚本执行及CPU热点瓶颈,结合源码提出排名优化的具体建议,并指导用户验证改进效果。
用户希望优化缓慢的交互体验
需要分析 Chrome 或 Safari 的性能追踪数据
npx skills add t4t5/rencal --skill performance-analysis -g -y


