About ViewportKit
The screenshot workflow layer your AI tools are missing. Versioned visual history, multi-device capture, Smart Cut for AI, review tasks, Projects-managed recurring captures for auth-gated projects, and an MCP server so Claude & Cursor can see your site without leaving the conversation.
Real-World Workflows
ViewportKit fills the gaps that AI coding assistants and DevTools leave open.
Pre-Deploy Visual QA
Capture staging vs. production across all viewports, compare versions before every deploy, and attach the evidence to PRs.
AI-Assisted Code Review
Connect via MCP so Claude or Cursor can capture your site mid-conversation, inspect versions, and give layout feedback.
Auth-Gated Page Capture
Log into staging in Chrome, capture behind VPN with the extension, and manage recurring captures from Projects.
Responsive Bug Reports
Mark exact screenshot areas, assign review tasks, and share a link or ZIP as bug evidence.
Client Website Audits
Capture a client's entire site, compare saved versions, export a PDF, and collect feedback in one review link.
AI Vision Pipelines
Versioned Smart Cut segments are sized for Claude, ChatGPT, or Gemini. Feed them directly into vision APIs for design review.
Features
Persistent Visual History
Every capture is saved to versioned projects with before/after comparison, review tasks, and shareable sprint history. Unlike AI assistants that forget between sessions.
Batch Multi-Viewport Capture
Capture Desktop, Laptop, Tablet, and Mobile in a single click across every page in your sitemap. No more testing one breakpoint at a time.
Smart Cut for AI Models
Auto-split full-page screenshots into segments sized for Claude (1568px), ChatGPT (2048px), or Gemini (3072px). No manual cropping needed.
Local & Auth-Gated Access
The Chrome Extension captures anything your browser can see - localhost, staging behind VPNs, pages requiring login - and syncs results to Projects, where recurring capture schedules are managed by the web app.
MCP Server for AI Assistants
Connect ViewportKit to Claude Desktop, Cursor, or VS Code so your AI coding assistant can take screenshots mid-conversation via JSON-RPC 2.0.
One-Click Export Everywhere
Download as ZIP, generate a PDF report, share a live review link, or export AI-ready segments. Organized by device viewport, version, task, and page.
Sitemap Auto-Discovery
Scans sitemap.xml, robots.txt, and nested indexes to find every page automatically. Stop manually listing URLs.
3-Tier Capture Speed
Fast (6x parallel), Balanced (4x), or Thorough (2x with lazy-load waiting). Choose the right trade-off for your use case.
Security Built In
SSRF protection, rate limiting, auth enforcement, usage metering, and private Supabase Storage. Your data stays yours.