Agent Skills
› a1stok/img2svg-animation
a1stok/img2svg-animation
GitHub端到端实现工作流，涵盖探索、编码、验证（类型检查与测试）及提交关闭。适用于功能开发、Bug修复或代码变更的全流程自动化执行与质量保证。
Install All Skills
npx skills add a1stok/img2svg-animation --all -g -y
Skills in Collection (7)
端到端实现工作流，涵盖探索、编码、验证（类型检查与测试）及提交关闭。适用于功能开发、Bug修复或代码变更的全流程自动化执行与质量保证。
用户要求实现新功能
用户要求修复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 代码
排查页面加载缓慢问题
发现 Loader 中存在重复获取数据的情况
发现 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 的组件库
实施 CSS-first 设计令牌和主题配置
构建响应式和可访问性组件
统一代码库中的 UI 模式
npx skills add a1stok/img2svg-animation --skill tailwind-design-system -g -y
将PRD拆解为按执行顺序排列的GitHub子Issue，支持垂直切片规划、依赖排序及现有Issue检查，适配多会话实现工作流。
需要分解产品需求文档为可执行任务
创建或管理基于PRD的子Issue列表
npx skills add a1stok/img2svg-animation --skill to-issues-project -g -y
将对话上下文转化为产品需求文档并作为 GitHub Issue 发布，支持后续拆分子任务。需结合代码库探索、模块设计及 ADR 规范，生成包含问题陈述、解决方案及测试决策的结构化 PRD，供人类和 Agent 使用。
用户要求基于当前对话生成产品需求文档
需要将功能规划转化为 GitHub Issue 以便后续拆解子任务
npx skills add a1stok/img2svg-animation --skill to-prd-project -g -y
