Agent Skills
› a1stok/img2svg-animation
a1stok/img2svg-animation
GitHub端到端实现工作流，涵盖探索、实施、验证及提交。支持功能开发、Bug修复，集成类型检查与测试，自动关闭GitHub子Issue并推送代码，确保交付质量。
Install All Skills
npx skills add a1stok/img2svg-animation --all -g -y
Skills in Collection (7)
端到端实现工作流，涵盖探索、实施、验证及提交。支持功能开发、Bug修复，集成类型检查与测试，自动关闭GitHub子Issue并推送代码，确保交付质量。
用户要求实现新功能
用户要求修复Bug
需要进行完整的代码实现与提交
npx skills add a1stok/img2svg-animation --skill do-work -g -y
自动审查代码库，识别高杠杆的架构深化机会，过滤已有提案，生成PRD格式的GitHub Issue。旨在提升模块测试性与AI可导航性，通过深度重构优化接口与实现的复杂度比。
需要自动进行代码架构审查和重构建议
CI流程中需要无干预地生成架构改进提案
npx skills add a1stok/img2svg-animation --skill improve-codebase-architecture-project -g -y
优化 React Router loader 性能，通过消除冗余查询、创建精简查询变体及并行化独立请求来提升加载速度。适用于编写或审查涉及领域操作服务的 loader 代码，或排查页面加载缓慢问题。
审查调用领域服务（如 CourseOperationsService）的 loader 代码
排查页面加载缓慢的性能问题
发现 loader 中存在重复获取数据的情况
npx skills add a1stok/img2svg-animation --skill optimize-loader -g -y
初始化Agent会话，遵循严格架构规范。首要任务是阅读计划文件并梳理后续任务供审核，暂不实施。强调TypeScript严格类型、特性驱动架构及Zod验证，规范代码风格与文档管理流程。
需要启动新的Agent工作流
初始化项目上下文或遵循特定开发规范
npx skills add a1stok/img2svg-animation --skill start-new-agent -g -y
基于 Tailwind CSS v4 构建可扩展的设计系统，涵盖设计令牌、组件库及响应式模式。适用于标准化 UI 规范、迁移至 v4 或配置主题与暗色模式等场景。
创建组件库
实现设计令牌和主题
标准化 UI 模式
从 Tailwind v3 迁移到 v4
npx skills add a1stok/img2svg-animation --skill tailwind-design-system -g -y
将PRD拆分为扁平的GitHub子Issue，按执行顺序排列。通过读取PRD、检查现有子Issue、探索代码库，生成可独立实现的垂直切片任务，供agent逐步实施。
需要将产品需求文档拆解为具体开发任务
创建基于PRD的子Issue工作流
npx skills add a1stok/img2svg-animation --skill to-issues-project -g -y
将对话上下文转化为结构化PRD并发布为GitHub Issue，支持后续拆解为子任务。通过探索代码库、设计模块与测试策略，生成符合规范的PRD文档，供人类决策及自动化工作流使用。
用户需要将需求转化为正式产品需求文档
用户希望创建GitHub Issue以启动开发流程
npx skills add a1stok/img2svg-animation --skill to-prd-project -g -y
