Agent Skills
› t4t5/rencal
t4t5/rencal
GitHub将原始 SVG 代码转换为 Astro 图标组件，自动处理文件名、清理属性并生成可复用组件文件。
Install All Skills
npx skills add t4t5/rencal --all -g -y
Skills in Collection (4)
将原始 SVG 代码转换为 Astro 图标组件，自动处理文件名、清理属性并生成可复用组件文件。
用户提供 SVG 代码
需要创建新的网站图标
npx skills add t4t5/rencal --skill add-astro-icon -g -y
将原始SVG标记转换为React图标组件并保存至src/icons/。自动命名、清理属性、适配Tailwind，通过bash heredoc高效写入文件，支持品牌Logo识别与快速交付。
用户提供SVG代码并要求创建React图标组件
需要将Figma或Streamline导出的SVG集成到前端项目
npx skills add t4t5/rencal --skill add-icon -g -y
根据 Git 标签差异自动生成项目版本发布说明。通过对比提交记录和 PR 引用，分类整理新功能、改进和修复，输出简洁的用户可见性变更摘要。
用户要求生成版本发布说明
需要总结两个 Git 标签之间的代码变更
请求基于 Git 历史撰写 Release Notes
npx skills add t4t5/rencal --skill generate-release-notes -g -y
分析前端性能录制文件，识别渲染帧、脚本执行和CPU瓶颈，提出排名优化的具体建议。引导用户选择方案并实施后对比验证效果。
用户希望优化缓慢的交互
需要分析 Chrome 或 Safari 的性能追踪记录
npx skills add t4t5/rencal --skill performance-analysis -g -y
