---

name: mobbin-reference-grounded-ui description: Have Claude Code query the Mobbin MCP for 600K real screens, flows, and sections before designing or redesigning any UI. Use when working on mobbin-grounded ui reference.

Mobbin-Grounded UI Reference

A design-workflow skill that orchestrates Mobbin MCP calls: search screens, flows, and sections. Produces a research report with hyperlinked references and only then builds. Excels at redesigning generic screens against best-in-class patterns (Mercury for finance, Notion for settings, Vercel for dev tools) and staying visually consistent with your existing app. Use when a UI feels generic and you want it grounded in real shipped patterns.

What you get

• Mobbin MCP setup
• Research-report prompt
• Per-section pattern synthesis
• Redesign plan with links to source screens
• Per-competitor gallery
• Continuity check against existing app

Customize your output

• Product category: fintech, dev tools, consumer, health, edtech
• Competitor set to reference: Mercury, Notion, Vercel, Linear, custom
• App style to preserve: strict, loose
• Scope: one screen, flow, whole product
• Include mobile: yes, no
• Screens per section: 3, 5, 10

Example output

'A profile page redesigned with an identity card, live password-rule checklist, sessions/API-keys section, and a danger zone with links to Campsite, Mercury, Vercel refs.'

Best for

Product designers, design engineers.

---

Note: Requires Mobbin subscription. High confidence.

Source: Product Designer Creator (unnamed) · https://www.youtube.com/watch?v=ljHRWIYMYf4 Category: Design · Priority: P4