Agent Skills
› a1stok/img2svg-animation
a1stok/img2svg-animation
GitHub提供端到端的代码实现工作流，涵盖探索、实施、验证（类型检查与测试）及提交关闭阶段，支持自动修复失败项并管理GitHub任务状态。
Install All Skills
npx skills add a1stok/img2svg-animation --all -g -y
Skills in Collection (7)
提供端到端的代码实现工作流，涵盖探索、实施、验证（类型检查与测试）及提交关闭阶段，支持自动修复失败项并管理GitHub任务状态。
用户要求实现新功能或修复Bug
需要执行完整的代码开发与验证流程
npx skills add a1stok/img2svg-animation --skill do-work -g -y
自动扫描代码库，识别高杠杆的架构深化机会（如将浅层模块重构为深层模块），排除已提案项，并以PRD格式发布为GitHub Issue。旨在提升代码可测试性和AI导航能力，支持CI无人值守运行。
需要优化代码架构以提升可维护性时
CI流程中执行每日架构审查时
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 校验规范，确保 TypeScript 代码质量，并同步更新全局文档以维持项目一致性。
启动新的 Agent 工作流
需要初始化项目上下文或重置开发规范
npx skills add a1stok/img2svg-animation --skill start-new-agent -g -y
用于基于 Tailwind CSS v4 构建可扩展的设计系统，涵盖设计令牌、组件库创建、响应式模式及 UI 标准化。
创建基于 Tailwind v4 的组件库
实现 CSS-first 配置与设计令牌
迁移从 Tailwind v3 到 v4
标准化代码库中的 UI 模式
npx skills add a1stok/img2svg-animation --skill tailwind-design-system -g -y
将父级PRD拆解为按执行顺序排列的GitHub子Issue，每个子Issue为可独立验证的垂直切片，适配多会话实现工作流。
需要将PRD拆分为可执行的子任务
初始化或补充项目下的子Issue列表
npx skills add a1stok/img2svg-animation --skill to-issues-project -g -y
将对话上下文转化为PRD并发布为GitHub Issue，用于后续子任务拆分与实现。
需要将需求转化为结构化PRD文档
准备创建可被拆解的子Issue以启动开发流程
npx skills add a1stok/img2svg-animation --skill to-prd-project -g -y
