Agent Skills
› a1stok/img2svg-animation
a1stok/img2svg-animation
GitHub端到端实现工作流，涵盖从探索规划、代码实现到验证测试及最终提交关闭的全过程。支持数据库和前端复杂状态的TDD规范，确保功能交付质量并自动处理版本控制与Issue状态更新。
Install All Skills
npx skills add a1stok/img2svg-animation --all -g -y
Skills in Collection (7)
端到端实现工作流，涵盖从探索规划、代码实现到验证测试及最终提交关闭的全过程。支持数据库和前端复杂状态的TDD规范，确保功能交付质量并自动处理版本控制与Issue状态更新。
用户希望实现新功能或修复Bug
需要执行完整的代码开发与验证流程
npx skills add a1stok/img2svg-animation --skill do-work -g -y
自动扫描代码库，识别高杠杆的架构深化机会（如将浅层模块重构为深层模块以提升可测试性），过滤已提议项后生成PRD格式的GitHub Issue。旨在通过CI无人值守运行，持续优化代码结构和AI导航能力。
需要自动发现并记录代码架构改进建议
CI流程中执行每日架构审查
npx skills add a1stok/img2svg-animation --skill improve-codebase-architecture-project -g -y
提供 React Router Loader 性能优化指南，涵盖消除重复查询、创建轻量级查询及并行化独立请求。用于审查或编写涉及领域服务的 Loader 代码时主动使用，以解决页面加载缓慢问题。
审查或编写调用领域服务（如 CourseOperationsService）的 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 规范、迁移升级及创建可复用前端组件。
创建组件库
实现设计令牌与主题
构建响应式组件
统一 UI 模式
Tailwind v3 迁移至 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发布。通过探索代码库、设计模块和遵循特定模板，生成供后续子任务拆分与实施使用的详细需求文档。
用户需要将当前讨论内容整理为产品需求文档
需要创建新的GitHub Issue作为父级任务以启动开发流程
npx skills add a1stok/img2svg-animation --skill to-prd-project -g -y
