Agent Skills
› a1stok/img2svg-animation
a1stok/img2svg-animation
GitHub提供从探索规划到代码提交的全流程实现工作流，涵盖数据库与前端特定TDD规范、类型检查、测试验证及Git操作，确保功能完整交付。
Install All Skills
npx skills add a1stok/img2svg-animation --all -g -y
Skills in Collection (7)
提供从探索规划到代码提交的全流程实现工作流，涵盖数据库与前端特定TDD规范、类型检查、测试验证及Git操作，确保功能完整交付。
用户需要实现新功能
用户需要修复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性能，消除冗余DB查询。提供反模式检测、瘦查询创建及并行化建议，提升页面加载速度。
编写或审查涉及数据库操作的Loader代码
排查页面加载缓慢问题
npx skills add a1stok/img2svg-animation --skill optimize-loader -g -y
初始化Agent会话，读取项目计划并遵循架构规范、写作风格及最佳实践。仅输出下一步计划大纲供审核，不执行实现。强制使用TypeScript严格类型、Zod验证及功能驱动架构。
启动新项目代理会话
需要初始化开发环境上下文
npx skills add a1stok/img2svg-animation --skill start-new-agent -g -y
用于构建基于 Tailwind CSS v4 的可扩展设计系统，涵盖组件库创建、CSS-first 配置的设计令牌、响应式模式及无障碍标准。
创建组件库
实现设计令牌和主题
标准化 UI 模式
迁移至 Tailwind v4
npx skills add a1stok/img2svg-animation --skill tailwind-design-system -g -y
将父级PRD拆解为按执行顺序排列的扁平化GitHub子Issue列表，确保每个切片为可独立验证的垂直模块，适配agent:implement工作流。
需要将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
