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
自动扫描代码库，识别高杠杆的架构深化机会（如提升可测试性、解耦），过滤已提案项后生成PRD格式的GitHub Issue。用于CI中无人值守执行日常架构审查。
需要分析代码库架构并提出改进建议
在CI流程中自动执行日常架构审查
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-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
需要创建用于分解子任务的GitHub Issue
npx skills add a1stok/img2svg-animation --skill to-prd-project -g -y
