Agent Skills
› a1stok/img2svg-animation
a1stok/img2svg-animation
GitHub提供从探索规划到代码提交的全流程实现工作流。涵盖实施、类型检查、测试验证及验收标准核对，支持自动修复失败项并执行提交与关闭任务。
安装全部 Skills
npx skills add a1stok/img2svg-animation --all -g -y
集合内 Skills (7)
提供从探索规划到代码提交的全流程实现工作流。涵盖实施、类型检查、测试验证及验收标准核对，支持自动修复失败项并执行提交与关闭任务。
用户需要实现新功能
用户需要修复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会话，遵循架构规范、写作风格及最佳实践。核心任务为读取项目计划并梳理后续步骤，不进行实际代码实现，确保AI行为符合项目全局文档约束。
用户请求启动新的代理会话
需要按照项目规范初始化开发环境或上下文
npx skills add a1stok/img2svg-animation --skill start-new-agent -g -y
用于构建基于 Tailwind CSS v4 的可扩展设计系统，支持设计令牌、组件库及响应式模式。适用于标准化 UI 规范、创建可复用组件及从 v3 迁移的场景。
创建 Tailwind CSS v4 组件库
实现基于 CSS 的设计令牌和主题配置
将项目从 Tailwind v3 迁移至 v4
npx skills add a1stok/img2svg-animation --skill tailwind-design-system -g -y
将PRD拆解为按执行顺序排列的GitHub子Issue，确保每个子Issue为可独立验证的垂直切片，支持多会话工作流。
用户请求将PRD拆分为任务
需要基于PRD创建子Issue时
npx skills add a1stok/img2svg-animation --skill to-issues-project -g -y
将对话上下文转化为PRD并发布为GitHub Issue，支持子任务分解。需结合代码库状态与ADR，生成包含问题、方案、用户故事及实施细节的规范文档，供后续实现与审查使用。
需要生成产品需求文档
创建GitHub Issue以启动开发流程
npx skills add a1stok/img2svg-animation --skill to-prd-project -g -y
