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
自动审查代码库架构，识别高杠杆的重构机会（将浅层模块深化），过滤已提议项，并生成PRD格式的GitHub Issue。旨在提升可测试性和AI导航性，适用于CI中的无值守日常架构审查流程。
需要分析代码库架构以发现重构机会
执行日常自动化架构审查工作流
希望将架构改进转化为结构化的PRD提案
npx skills add a1stok/img2svg-animation --skill improve-codebase-architecture-project -g -y
优化 React Router 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 的生产级设计系统，涵盖 CSS 优先配置、设计令牌、组件库创建及响应式模式标准化。
使用 Tailwind CSS v4 创建组件库
实现基于 CSS 的设计令牌和主题
在代码库中标准化 UI 模式
npx skills add a1stok/img2svg-animation --skill tailwind-design-system -g -y
将PRD拆分为按执行顺序排列的GitHub子Issue，支持垂直切片和多会话工作流。通过检查现有Issue、探索代码库并遵循依赖关系生成可独立实现的子任务列表。
用户请求将PRD分解为子任务
需要创建按顺序执行的GitHub Issue列表
npx skills add a1stok/img2svg-animation --skill to-issues-project -g -y
将对话上下文转化为PRD并发布为GitHub Issue，用于后续拆解子任务。通过探索仓库、设计模块并遵循特定模板生成规范文档，辅助开发流程。
用户需要将当前讨论转化为需求文档
准备创建GitHub Issue以启动子任务分解
npx skills add a1stok/img2svg-animation --skill to-prd-project -g -y
