Structured screenshot analysis for UI implementation and critique. Analyzes every UI screenshot with a 5×5 spatial grid, full element inventory, and design system extraction — facts and taste together, every time. Escalates to full implementation blueprint when building. Trigger on any digital interface image file (png, jpg, gif, webp — websites, apps, dashboards, mockups, wireframes) or commands like 'analyse this screenshot,' 'rebuild this,' 'match this design,' 'clone this.' Skip for non-UI images (photos, memes, charts) unless the user explicitly wants to build a UI from them. Does NOT trigger on HTML source code, CSS, SVGs, or any code pasted as text.

An AI SKILL that provide design intelligence for building professional UI/UX multiple platforms

An AI SKILL that provide design intelligence for building professional UI/UX multiple platforms

The Cursor for Designers • An Open-Source AI-First Design tool • Visually build, style, and edit your React App with AI