Agent Skills
› a1stok/img2svg-animation
a1stok/img2svg-animation
GitHub端到端实现工作流，指导从探索规划、代码实现到验证测试及提交关闭的完整流程。
Install All Skills
npx skills add a1stok/img2svg-animation --all -g -y
Skills in Collection (7)
端到端实现工作流，指导从探索规划、代码实现到验证测试及提交关闭的完整流程。
用户希望实现新功能
用户需要修复 Bug
用户要求进行代码变更并验证
npx skills add a1stok/img2svg-animation --skill do-work -g -y
在CI中自动扫描代码库，识别高杠杆的架构深化重构机会，并生成PRD格式的GitHub Issue。旨在提升模块的可测试性和AI导航能力，确保提案新颖且不重复历史建议。
需要自动化执行代码架构审查
发现代码模块接口复杂度过高或耦合严重
希望在CI流程中持续发现并记录架构改进点
npx skills add a1stok/img2svg-animation --skill improve-codebase-architecture-project -g -y
优化React Router加载器性能，通过消除冗余DB查询、创建轻量级查询变体及并行化独立获取请求。适用于编写或审查涉及领域操作服务的加载器代码，以及排查页面加载缓慢问题。
审查调用领域操作服务的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。
创建基于 Tailwind v4 的组件库
实施设计令牌和主题配置
构建响应式和可访问性组件
统一代码库中的 UI 模式
从 Tailwind v3 迁移到 v4
npx skills add a1stok/img2svg-animation --skill tailwind-design-system -g -y
将父级 PRD 拆解为按执行顺序排列的 GitHub 原生子 Issue，确保每个切片为可独立验证的垂直功能，适配多会话 Agent 工作流。
用户请求将 PRD 拆解为任务
需要创建基于 PRD 的子 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
