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
在CI中自动扫描代码库，识别高杠杆的架构深化机会（如模块浅层化、耦合过紧等），过滤已提议项后生成PRD格式的GitHub Issue。旨在提升可测试性与AI导航能力，无需人工干预。
需要自动发现并提案代码架构改进点
执行每日架构审查工作流
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 会话，读取项目计划并遵循架构规范、写作风格及文档规则，为后续开发任务提供清晰的前置上下文与约束。
用户请求启动新的 Agent 会话或开始新任务
需要加载项目全局规则和最佳实践时
npx skills add a1stok/img2svg-animation --skill start-new-agent -g -y
用于构建基于 Tailwind CSS v4 的生产级设计系统，涵盖 CSS 优先配置、设计令牌、组件库及响应式模式。适用于标准化 UI 和迁移升级场景。
创建组件库
实施设计令牌与主题
标准化 UI 模式
从 Tailwind v3 迁移至 v4
npx skills add a1stok/img2svg-animation --skill tailwind-design-system -g -y
将PRD拆解为GitHub子任务，生成按执行顺序排列的垂直切片列表，供agent逐步实现。
需要分解大型功能需求
创建结构化开发任务
npx skills add a1stok/img2svg-animation --skill to-issues-project -g -y
将对话上下文转化为产品需求文档（PRD）并发布为 GitHub Issue，作为子任务分解的父级。通过探索仓库、设计模块并遵循特定模板生成规范，供后续实现和审查使用。
需要生成项目需求文档
准备创建包含子任务的父级 Issue
npx skills add a1stok/img2svg-animation --skill to-prd-project -g -y
