App wireframe skill for Mobbin

The app wireframe skill turns any iOS app into editable lo-fi wireframes on a Whimsical board. Name an app and your agent pulls its key screens from Mobbin, or point it at your own screenshots. Cards, tab bars and list rows come out grouped, so you can move them around and start editing right away, and every wireframe links back to its screen on Mobbin.

What you can do

Wireframe a whole app:

Wireframe a single screen:

Turn a Mobbin collection or your own screenshots into a board:

What you'll get

A new board with up to 15 screens, in the order you'd move through the app, each rebuilt as an iPhone wireframe. The agent compares each wireframe with its screenshot, and a second agent reviews it before moving on. One screen takes a few minutes and a full app about an hour, so try a single screen first.

See what it makes in our app wireframe templates, built from 20 well-known apps like Duolingo, Spotify and Monzo.

Requirements

• An agent that supports skills, remote MCP servers and images, such as Claude, Cursor, Codex or GitHub Copilot.
• A Whimsical account, connected through the Whimsical MCP.
• A Mobbin Pro, Team or Enterprise plan, connected through the Mobbin MCP. You don't need one if you only use your own screenshots.
• uv, which runs the skill's scripts.

Get set up

The skill works in Claude Code, the Claude apps, Cursor, Codex, GitHub Copilot, Gemini CLI and other agents that read skills. Follow the install steps on GitHub for yours: they cover installing the skill and connecting the Whimsical and Mobbin MCP servers.