reddit · SideProject · 10-02 17:50 58 分 ← 返回列表

I built a DevTools panel that audits a page and then proves its fixes worked

I keep shipping sites and finding the same problems after the fact. Unlabeled form inputs. Images with no alt text. Console errors nobody noticed. I got tired of running three different tools and stitching the results together. So I built a DevTools panel. Open your page, hit Rescan, and it audits forms, accessibility, and runtime/network errors in one pass. You get a health score out of 100 with category breakdowns, the collected evidence behind every finding, and a remediation plan groupe

五维评分

付费意愿

需求真实度

个人可落地

竞争空间

新鲜度

AI 分析

痛点：开发者上线后才发现表单无标签、图片缺 alt、控制台/网络报错等问题，需要跑多个工具再手工拼结果，而且无法即时验证修复是否真的生效

目标用户：前端开发者、独立开发者、小型外包/代理团队的 QA 与交付负责人

证据：Free trial is 10 audits a month, no card. Paid tiers are one-time: $49 Starter (200 audits/month), $89 Pro (500 audits/month, best value), $39 Power BYOK (unlimited audits, bring your own Anthropic key or run local Ollama). / What I actually need: people to run it against their own sites.

变现：一次性买断分层授权（$39/$49/$89，按审计次数与 BYOK 区分）+ 免费试用 10 次/月做引流；后续可加团队席位的年费订阅或私有化/CI 集成版

MVP：2 周内做一个 Chrome DevTools 扩展：只聚焦一类问题（表单标签缺失 + 图片 alt），本地静态扫描页面 DOM，提供 health score 与问题列表；加一个 Apply Safe Fixes 按钮直接改 live DOM，再用 Verify Fixes 做 before/after diff，支持导出 HTML/JSX 片段。全部本地运行、不接云，先做免费工具收集真实站点反馈

竞品：axe DevTools、Google Lighthouse、WAVE、Accessibility Insights、Pa11y、BrowserStack Accessibility Testing

摘要：作者发布了一个 Chrome DevTools 面板，一次扫描即可审计表单标签、无障碍和运行时/网络错误，给出 0-100 健康分，并支持直接改 live DOM 后用 Verify Fixes 展示 before/after diff（在 YouTube 上实测 76 个问题、修复 53 个、分数 59→79、无回归）。商业模式已明确：免费每月 10 次审计，付费为一次性 $49/$89/$39（BYOK 无限次，可用 Anthropic key 或本地 Ollama）。痛点真实且被现有免费工具（Lighthouse、axe、WAVE）大量覆盖，作者本身未给出任何付费用户或收入数据，因此付费意愿只能算中等。