UX Wireframe & Mockup

Sketch lo-fi wireframes and hi-fi mockups for web and mobile.

Produce UX wireframes and mockups for web and mobile screens — low-fidelity annotated layouts and higher-fidelity mockups — as editable HTML/CSS, with component annotations and accessibility notes (contrast, target size, focus, labels). Use when asked to wireframe a screen, mock up a UI, sketch a layout, or design a page for web or mobile.

Ask for it in plain English, e.g.

Works in

You ask: Wireframe a mobile login screen for Northwind's app. It needs a logo, email and password fields, a "forgot password" link, a primary "Log in" button, and a "Create account" link. Low-fidelity is fine for now. Note accessibility.

Example output shown for illustration. Your assistant produces this live from your own request once the skill is installed.