ngocanhnckh/renderlint

renderlint 是一个针对渲染后界面的检查工具，可以理解为「UI 版的 ESLint」：TypeScript 和 ESLint 只能检查代码本身，看不到像素层面的错误，而 renderlint 会在手机、平板、桌面多种宽度和深色模式下实际渲染每个页面，捕捉文字溢出卡片、灰字看不清、元素重叠、响应式布局在某个断点崩掉、图表标签互相压住、该用图标的地方塞了 emoji 等问题，甚至能发现 KPI 卡片里显示的 $undefined。它支持 Next.js、Nuxt、SvelteKit、Angular 等主流框架，能自动读出路由并填充真实 id，还能按 admin、viewer 等不同角色分别检查登录后的页面，每个问题都会给出元素位置、源文件、标注截图和具体修复建议，格式是 AI 编码代理能直接读懂并动手改的文本。值得看的是前端工程师、QA 以及在用 Claude Code 等 AI 代理写 UI 的人，尤其是那些被「代码没问题但页面就是难看」困扰的团队；如果你不涉及 Web 界面开发，这个项目和你关系不大。

Star 趋势

话题标签

仓库信息