Agent Skills
› a1stok/img2svg-animation
a1stok/img2svg-animation
GitHub端到端实现工作流，涵盖从探索规划、代码实施到验证反馈及提交关闭的全过程。支持功能开发、Bug修复等场景，确保代码通过类型检查和测试后提交并关闭相关Issue。
安装全部 Skills
npx skills add a1stok/img2svg-animation --all -g -y
集合内 Skills (7)
端到端实现工作流，涵盖从探索规划、代码实施到验证反馈及提交关闭的全过程。支持功能开发、Bug修复等场景，确保代码通过类型检查和测试后提交并关闭相关Issue。
用户希望实现新功能
用户需要修复Bug
用户希望对代码进行修改并验证
npx skills add a1stok/img2svg-animation --skill do-work -g -y
自动审查代码库以识别高杠杆的架构深化机会，过滤已提议项，并将结果发布为PRD格式的GitHub Issue。旨在通过CI无监督运行，提升代码可测试性和AI导航性。
需要自动化代码架构审查
寻找重构以提升模块深度和可维护性
生成架构改进提案
npx skills add a1stok/img2svg-animation --skill improve-codebase-architecture-project -g -y
优化React Router加载器性能，消除冗余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 构建可扩展的设计系统，涵盖设计令牌、组件库、响应式模式及无障碍支持。用于标准化 UI 模式、创建组件库或从 v3 迁移。
创建 Tailwind v4 组件库
实施设计令牌和主题配置
构建响应式和可访问的 UI 组件
统一代码库中的 UI 模式
从 Tailwind v3 迁移到 v4
npx skills add a1stok/img2svg-animation --skill tailwind-design-system -g -y
将PRD拆解为按执行顺序排列的GitHub子任务，支持垂直切片、依赖排序及代码预重构，适配多会话实现工作流。
需要分解产品需求文档为可执行任务
初始化项目迭代或版本的任务列表
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
