Agent Skills
› a1stok/img2svg-animation
a1stok/img2svg-animation
GitHub提供从探索、实现到验证和提交的端到端开发工作流。涵盖类型检查、测试运行及验收标准核对，并指导如何提交代码、关闭子任务或创建PR，确保功能完整交付。
安装全部 Skills
npx skills add a1stok/img2svg-animation --all -g -y
集合内 Skills (7)
提供从探索、实现到验证和提交的端到端开发工作流。涵盖类型检查、测试运行及验收标准核对，并指导如何提交代码、关闭子任务或创建PR，确保功能完整交付。
用户希望实现新功能
用户需要修复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 Loader性能优化，消除冗余DB查询、创建轻量级查询变体及并行化独立请求。用于编写或审查Loader代码时，避免重复获取和过度加载数据。
审查或编写调用领域操作服务的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 模式、迁移至 v4 或设置主题与暗色模式。
创建组件库
实施设计令牌和主题
构建响应式组件
标准化 UI 模式
从 Tailwind v3 迁移到 v4
npx skills add a1stok/img2svg-animation --skill tailwind-design-system -g -y
将PRD拆解为按执行顺序排列的扁平化GitHub子任务，确保每个子任务为可独立验证的垂直切片，适配多会话Agent工作流。
需要将产品需求文档分解为具体开发任务
初始化或补充项目的子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
