Hyper-Design-QA

Description

Capture design issues across pages with marked screenshots, element specs, and notes. Export readable reports for humans and AI. Turn what you see into a design QA report that a teammate or AI assistant can act on. Hyper-Design-QA lets you select elements on websites, capture marked screenshots and visual specifications, add notes and priorities, and collect findings across pages. No account or AI API key is required. CAPTURE THE CONTEXT Select an element or capture the visible page. Record CSS selectors, available component-name hints, dimensions, typography, colors, spacing, and other computed styles. Add a note describing what needs fixing. KEEP YOUR REVIEW TOGETHER Navigate across pages and tabs while keeping findings in one session. Edit findings, undo deletions, and restore the previous review. Use the side panel or a separate draggable, resizable window. Choose light or dark mode. Reviews and unfinished notes are saved on this device. EXPORT FOR PEOPLE AND AI Download a ZIP containing a formatted Markdown report, structured JSON, and marked PNG screenshots. Download Markdown alone when you only need text. Attach your exported report and screenshots to Claude or share them with your team yourself; the extension does not send them automatically. LOCAL BY DESIGN Captured review data stays in Chrome extension storage on your device. No analytics, ads, tracking, remote code, or automatic AI requests. Website access is used for user-triggered element inspection and visible-page screenshots. LIMITATIONS Screenshots capture the visible viewport, not a stitched full page. Component names are best-effort hints and may be absent or minified. Browser-protected pages, cross-origin iframe contents, closed shadow roots, and individual canvas elements cannot be inspected. The floating window is a regular Chrome window, not an always-on-top overlay. Hyper-Design-QA is an independent tool, not affiliated with Anthropic, Linear, or Google. Support: mad7droid@gmail.com

Details & SEO