DEDUPED Hot AI repos, turned into use cases Get the Monday 5

How to check a page layout at phone width with Jev Browser

Resize the browser to a phone size, open a page, and capture what it looks like.

Short answer: Run npx playwright install chromium once; then run claude mcp add jev-browser -e TYPESAFE_API_KEY=your-key -- npx -y -p jev-browser jev-browser-mcp and replace your-key with your key; ask Claude to call browser_open with the URL and viewport "390x844". All steps.

Authorization notice. Jev Browser is dual-use. Only use it on software, sites and systems you own or have explicit permission to test.

Who it is forA web developer or designer who needs to see how a page looks on a small screen without a device.

The problemChecking a responsive layout by hand means resizing windows and taking screenshots one at a time.

The outcomeA PNG screenshot of the page at the phone size, plus a snapshot of the elements visible at that size.

What you need first

  • Node.js and npm
  • A TypeSafe API key, or an OpenRouter API key
  • Claude Code for the MCP route, or a source checkout of the repo for the read example

Steps

  1. Run npx playwright install chromium once.
  2. Run claude mcp add jev-browser -e TYPESAFE_API_KEY=your-key -- npx -y -p jev-browser jev-browser-mcp and replace your-key with your key.
  3. Ask Claude to call browser_open with the URL and viewport "390x844".
  4. Ask Claude to call browser_screenshot and then browser_snapshot to list the visible elements.
  5. Review the screenshot for layout problems.

Prompt for your agent

Use the jev-browser MCP server to call browser_open on <url> with viewport "390x844", then call browser_screenshot. Return the PNG and a short list of layout problems. Verify that the screenshot shows the phone-sized layout before you report it.

Caveat. The README says the viewport size sticks for later calls, so you must reset it with another browser_open if you go back to a desktop check.

Use this in your AI agent

Ask your agent

Using the Deduped MCP, get the setup steps for Ying-Kai-Liao/jev-browser and "Check a page layout at phone width"

Add Deduped to Claude Code once

claude mcp add --transport http deduped https://dedupedai.com/mcp

Cursor, ChatGPT, others

Share: X LinkedIn Hacker News Email Copy link

Third-party repos we don't own. AI-written use cases can be wrong. Disclaimer