Agent Skills
› a1stok/img2svg-animation
a1stok/img2svg-animation
GitHub端到端实现工作流，涵盖探索、实施、验证到提交的全过程。支持功能开发、Bug修复及变更，集成类型检查、测试及验收标准核对，确保代码质量并自动完成Git操作。
Install All Skills
npx skills add a1stok/img2svg-animation --all -g -y
Skills in Collection (7)
端到端实现工作流，涵盖探索、实施、验证到提交的全过程。支持功能开发、Bug修复及变更，集成类型检查、测试及验收标准核对，确保代码质量并自动完成Git操作。
用户希望实现新功能
用户需要修复Bug
用户要求进行代码变更并提交
npx skills add a1stok/img2svg-animation --skill do-work -g -y
自动扫描代码库，识别高杠杆架构优化机会，过滤已提案项，生成PRD格式Issue。旨在提升模块深度、可测试性与AI导航性，无人类干预，适用于CI每日架构审查流程。
需要自动发现代码库架构改进点
执行每日未人工介入的架构审查工作流
生成面向PRD项目的架构重构提案
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 CSS v4 创建组件库
通过 CSS 配置实现设计令牌和主题化
构建响应式和可访问的组件
在代码库中标准化 UI 模式
从 Tailwind v3 迁移到 v4
npx skills add a1stok/img2svg-animation --skill tailwind-design-system -g -y
将PRD拆分为扁平化的GitHub子Issue，按执行顺序排列。通过垂直切片方式确保每个子任务可独立验证，适配多会话实现工作流，支持依赖排序与代码预重构。
用户请求将PRD分解为可执行的任务
需要为父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
