Agent Skills
› a1stok/img2svg-animation
a1stok/img2svg-animation
GitHub提供从探索规划到实现、验证及提交代码的端到端实施工作流，支持功能开发与Bug修复。
Install All Skills
npx skills add a1stok/img2svg-animation --all -g -y
Skills in Collection (7)
提供从探索规划到实现、验证及提交代码的端到端实施工作流，支持功能开发与Bug修复。
用户要求实现新功能
用户要求修复Bug
需要进行完整的代码变更与验证
npx skills add a1stok/img2svg-animation --skill do-work -g -y
在CI中自动分析代码库架构，识别高杠杆的重构机会，过滤已提案项后生成PRD格式的GitHub Issue。旨在提升模块测试性、可导航性及接口深度，无需人工干预。
需要自动化执行代码库架构审查时
每日架构审查工作流触发时
寻找未被提出的深层重构机会时
npx skills add a1stok/img2svg-animation --skill improve-codebase-architecture-project -g -y
优化 React Router Loader 性能，通过消除冗余查询、创建精简查询变体及并行化独立请求来提升加载速度。适用于编写或审查涉及领域操作服务的 Loader 代码，以及排查页面加载缓慢问题。
审查包含数据库查询的 Loader 代码
排查页面加载缓慢问题
发现调用者已拥有数据但下游函数重新获取的情况
发现嵌套关系过度获取的情况
发现多个独立查询串行执行的情况
npx skills add a1stok/img2svg-animation --skill optimize-loader -g -y
初始化 Agent 会话，遵循项目架构、写作规范及最佳实践。读取计划文档以明确下一步任务，强调严格类型、特性驱动架构和 Zod 验证，确保代码质量与文档同步更新。
开始新的开发任务
需要初始化 Agent 上下文
npx skills add a1stok/img2svg-animation --skill start-new-agent -g -y
基于 Tailwind CSS v4 构建可扩展的设计系统，涵盖设计令牌、组件库及响应式模式。适用于标准化 UI 模式、创建组件库或从 v3 迁移的场景。
使用 Tailwind CSS v4 构建组件库
实现基于 CSS 的设计令牌和主题配置
在代码库中标准化 UI 模式
从 Tailwind v3 迁移到 v4
npx skills add a1stok/img2svg-animation --skill tailwind-design-system -g -y
将PRD拆分为按执行顺序排列的GitHub子Issue，确保每个子Issue为独立的垂直切片，适配多会话Agent实现工作流。
需要将产品需求文档分解为可执行的开发任务
准备启动基于子Issue的多会话Agent实施流程
npx skills add a1stok/img2svg-animation --skill to-issues-project -g -y
将对话上下文转化为结构化PRD并发布为GitHub Issue，支持子Issue分解与实施工作流。
需求分析
产品文档生成
项目规划
npx skills add a1stok/img2svg-animation --skill to-prd-project -g -y
