Mobbin Skills plugin

Official Mobbin skills: search real app screens and flows and redesign a screen grounded in them, plus the Mobbin MCP server.

  • 67 ★ on the repository
  • Last commit
  • MIT
Plugin

Extended access

Why this level

  • The MCP server calls Mobbin through your account and passes search queries and screen content for redesign to the service.
All reasons and checks

mobbin/skills

Install

In your terminal, with SkillFoxx CLI

npx skillfoxx add plugins/mobbin-skills

Detects the agents on your machine, shows the access level and pins the version.

Other ways to install

Access and checks

How we review

Extended accessThe tool runs code or makes network calls and only reads external data.

  • The MCP server calls Mobbin through your account and passes search queries and screen content for redesign to the service.

This is third-party code. Review the repository files before installing.

What it does

The plugin installs four skills and the Mobbin MCP server, a library of mobile and web app interface examples. The `search` skill teaches searching across screens, flows and sections, picking a mode, writing a query and recovering when a search falls short. The `redesign-screen` skill reworks a screen, section or component from a screenshot, code or design file, grounded in how real apps handle the same screen or in your saved Mobbin collections. `best-practices` explains what Mobbin and its MCP can and cannot do and how to combine the skills. `plain-writing` sets text rules for reports such as a redesign report and is loaded by other Mobbin skills. On first use the agent opens a browser to sign in to Mobbin; a Pro, Team or Enterprise plan is required.

Who it is for. Interface designers and developers who want to ground design and redesign in real Mobbin screen references.

Good fit when

  • You need to see how popular apps design onboarding or a payment screen.
  • A screen must be reworked from a screenshot using real app references.
  • References are saved in Mobbin collections and the redesign must start from them.
  • An agent needs to learn what Mobbin can do before a design task.

Not a fit when

  • You have no paid Mobbin plan; without Pro, Team or Enterprise the MCP server does not work.
  • You need to create a design from scratch with no outside references.
  • You need writing skills outside Mobbin reports; `plain-writing` is not meant for that.

Example request

Redesign this sign-in screen from the screenshot and show how real apps on Mobbin handle it.

Limitations

A Mobbin account with a Pro, Team or Enterprise plan is required and the agent opens a browser sign-in on first use. Installing through `npx skills add` adds only the skills; the MCP server `https://api.mobbin.com/mcp` is added to the agent configuration by hand. The `plain-writing` skill is meant to be called by other Mobbin skills. Mobbin content falls under the service terms. Mobbin content is licensed by the service and is not redistributable; use samples as references for your own design.

How to disable. Run `claude plugin uninstall mobbin@mobbin` or your agent's equivalent, and if you added MCP by hand remove the `mobbin` entry from its configuration.

FAQ

How do I install the plugin in Claude Code?

Run `claude plugin marketplace add mobbin/skills`, then `claude plugin install mobbin@mobbin`. Inside a session `/plugin marketplace add` and `/plugin install` work too.

Which agents does the plugin work in?

Codex, Claude Code, Antigravity CLI, Kimi Code CLI and Gemini CLI each have install commands; other agents take the skills through `npx skills add mobbin/skills`.

How do I add the MCP server after `npx skills`?

Add a `mobbin` server with the URL `https://api.mobbin.com/mcp` to the MCP configuration.

Which plan is required?

Pro, Team or Enterprise. Sign-in runs through the browser on first use.

What does `redesign-screen` do?

It reworks a screen, section or component from a screenshot, code or design file using real app references or your collections.

Discussion

No questions or reviews yet.

Plugins

An interface design skill that anchors an agent to your product, with an optional MCP server adding real screens from a catalogue.

SkillExtended access87Repository stars

Skill that draws one illustrated style for an app UI: six presets, page mockups, transparent assets and code.

SkillExtended access97Repository stars

An MCP server and skill for interfaces: 31 design systems for shadcn/ui, UI and UX principles and accessibility review for agent-written code

MCP serverExtended access576Repository stars

45 skills for an agent working with WordPress Bricks through MCP: design system, templates, elements and dynamic data.

PluginExtended access58Repository stars

An interface design skill for the agent: diagnosis, four directions to choose, implementation and QA without an AI-template look

SkillExtended access685Repository stars

Skills for design engineers: quick UI cleanup, accessibility, metadata and animation performance fixes

SkillMinimal access11KRepository stars

README in short

The repository holds plugin manifests for Claude Code, Codex, Cursor, Gemini CLI, Antigravity, Kimi and Grok, four skills and MCP configuration. Skills load from conversation context.

README badge

Report a problem