工程开发
design-review
设计师级别质量保证:自动检测并修复视觉不一致、间距、层级问题与 UI 打磨。通过前后对比截图进行迭代验证。
简介
design-review 技能在开发工作流程中担任专业的设计 QA 工程师。它专为需要维持高视觉标准且希望减少手动介入的开发者、设计师及技术产品经理所设计。通过视觉分析,它能识别常见的 AI 瑕疵模式、布局回归、间距错误与层级不平衡,并提供可执行的代码修复方案以恢复设计完整性。
-
自动扫描实时网站或本地 UI 组件,与预期的设计系统进行视觉差异比对。
-
执行迭代式的代码修复,并以原子方式提交每次变更,确保细致的版本控制与轻松的回滚机制。
-
产生修复前与修复后的视觉对比截图,提供客观且即时的质量验证。
-
与 gstack 生态系统整合,可在实作前透过 /plan-design-review 进行设计规划审查。
-
侦测影响用户体验与视觉质感的操作效能瓶颈。
-
当被要求进行设计稽核、视觉 QA 或在实时/测试环境进行 UI 打磨时,请使用此技能。
-
当识别出视觉不一致,或希望提升现有界面质量时,建议主动触发此技能。
-
此代理程序作为自动化设计伙伴,执行时需提供目标环境或储存库内容。
-
在计划模式 (plan mode) 下运行时,代理程序会协调现有专案配置,确保设计修复符合既定的 CSS 与组件规范。
-
支持原子提交与验证循环,因此请确保环境已准备好进行代码级别的修改。
-
请确保已正确配置 gstack 环境;此工具在具备浏览器界面检测工具的标准 git 储存库设定下表现最佳。
仓库统计
- Star 数
- 87,481
- Fork 数
- 12,847
- Open Issue 数
- 494
- 主要语言
- TypeScript
- 默认分支
- main
- 同步状态
- 空闲
- 最近同步时间
- 2026年5月1日 07:06