reddit · SideProject · 10-19 07:50 47 分 ← 返回列表

I built a Chrome extension that shows your app on every screen size side by side, then lets Claude Code apply your annotations

I kept resizing my browser over and over to check mobile layouts, so I built Pinta Devices. It opens your running app in several phone, tablet and desktop frames at once. Navigate in one and they all follow. You can annotate directly on any device view ("make this the primary button", rename a title, move a banner), then send the batch to Claude Code, and every frame updates through hot reload. In the video I use it on my own workout app (SvelteKit). Annotating is sped up and the Claude w

五维评分

付费意愿

需求真实度

个人可落地

竞争空间

新鲜度

AI 分析

痛点：开发前端时要反复手动调整浏览器窗口大小来逐一检查手机、平板、桌面布局，而修改意见还要靠口头描述给 AI 编程助手，流程割裂低效。

目标用户：使用 Claude Code 或 Cursor 等 AI 编程助手的独立开发者、前端工程师和小型 SaaS 团队

证据：I kept resizing my browser over and over to check mobile layouts, so I built Pinta Devices. / You can annotate directly on any device view ("make this the primary button", rename a title, move a banner), then send the batch to Claude Code, and every frame updates through hot reload. / Would love feedback, especially on which device sizes you test most and what would make this fit your workflow.

变现：免费 Chrome 扩展引流，付费档提供团队共享标注、自定义设备预设、与 Cursor 或 Claude Code 的多轮任务队列，按月订阅（5~12 美元/月）；也可做企业版私有部署。

MVP：用 Chrome 扩展侧边栏做三四个用 iframe 并排显示同一应用的设备视图（固定为手机、平板、桌面三种尺寸），支持点击后在截图上加文字标注，并把标注整理成 prompt 一键复制或推入本地 Claude Code CLI，靠现有的热更新回写代码；不做账号体系，纯本地存储。

竞品：Polypane、Responsively App、Chrome DevTools Device Mode、BrowserStack Live、LambdaTest

摘要：作者因反复拖拽浏览器窗口检查响应式布局，做了 Chrome 扩展 Pinta Devices：同时在多个手机、平板、桌面框架中打开同一个应用，导航同步，并可在任一设备视图上做标注，再批量发送给 Claude Code，通过热更新让所有框架同步变化。它是本人在 Reddit r/SideProject 的首次发布，本地运行、无需账号，文中没有任何他人付费意愿或收入数据，只征集设备尺寸和工作流方面的反馈。