Media
1 item
Description
Inspect CSS & network in a side panel — replay requests, mock responses, copy as cURL, HAR export, tokens & a11y scans. Prism CSS & Network Inspector puts a full CSS and network debugger in your browser's side panel — no DevTools tab switching and no copy-paste gymnastics. WHY PRISM? Inspect any element, then capture, replay, and mock the network requests around it — all from one panel that stays with you as you browse. Everything runs locally in your browser. Prism has no servers, accounts, or analytics. CSS INSPECTION • Inspect matched CSS rules, computed styles, and the DOM tree • Live-edit styles and apply changes directly to the page • Scan Design Tokens — discover colors, fonts, and spacing with usage counts • Element Diff — compare the computed styles of two elements side by side • Run accessibility quick checks for missing alt text, unlabeled fields, contrast ratios, and tap-target sizes NETWORK DEBUGGER • Capture fetch, XHR, sendBeacon, WebSocket frames, and SSE • Inspect request and response headers, bodies, status, and timing • Replay requests using the page's original cookies and session • Edit the method, URL, headers, and body before sending a request • Create mock, rewrite, and chaos rules to intercept requests before they leave the page • Add request breakpoints to hold matching requests, then inspect, edit, resume, or drop them • Automatically detect and label GraphQL operations • Filter using queries such as method:POST, status:404, and header:auth • Save filter presets, sort and group requests, and resize DevTools-style columns • View waterfall timing bars, latency indicators, or a compact single-line view • Diff two responses side by side • Import and export HAR files BUILT FOR DEVELOPERS & AI WORKFLOWS • Copy requests as cURL, fetch(), or PowerShell • Copy request and response data in a compact format • Generate an LLM-ready context pack with sensitive values included or redacted • Export session snapshots containing network logs, rules, favorites, and presets as a single JSON file PRIVACY Everything stays on your machine. Prism has no servers, accounts, or analytics. Captured data is stored locally in your browser and is never sent to Prism. PERMISSIONS, EXPLAINED • Read and change data on websites: required to inspect pages and capture network activity on pages you choose to debug • Tabs: used to associate captured requests with the correct browser tab • Storage: stores rules, favorites, settings, and preferences locally • Clipboard: used when you explicitly choose a copy action WHO IS PRISM FOR? Prism is built for web developers, QA engineers, API developers, and developers working with AI coding tools who need fast access to clean CSS, DOM, and request/response context.