Mobile app design with AI agents and Icons8 MCP

Build a mobile prototype with real assets in one consistent style. One command installs the server and 10 skills, giving your agent access to 133 icon packs and 347 illustration styles

# One command: the server and 10 skills
claude plugin marketplace add icons8/agent-skills &&
claude plugin install icons8@icons8

Then run /mcp and sign in through the browser

New to AI agents? Start with the guide

Add the server to your mobile prototyping tool

Install the server once, then ask the agent to fetch assets for your mobile app design

Run the command

It adds the server and all 10 skills

Approve the server

The client shows Needs authentication until you sign in

Sign in through the browser

No key to paste, nothing running locally

Pick your client and run the command

claude plugin marketplace add icons8/agent-skills &&
claude plugin install icons8@icons8

Then run /mcp and sign in through the browser

Consistent mobile app UI design

Keep every screen of your mobile app design on brand. The agent uses the skill to lock one pack per project instead of random generated images.

Native drawing sizes

Each icon style is drawn for one size, so tab bars and lists stay sharp in your layout

No generated artifacts

Replace AI generator practice with a catalogue of 420,000+ real icons

Matching UI states

Lock a monochrome or color pack in icons8.json so the style stays the same

Skills that shape mobile web app design

The plugin installs 10 skills. Ask the agent to run them on your mobile app design layout.

UX check

Audits affordance, accessibility, and form flows for your mobile project

UI polish

Checks alignment, contrast, shadows, and radii across screens

UX writing

Refines buttons, labels, error messages, and empty states

Asset check

Finds emoji standing in for icons and flags dead placeholder images

Custom mobile app design screens

What your agent builds for a mobile app design when it has 110,000+ illustrations and native icons

3D illustration of a smartphone with an app design screen, color buttons and sliders

Home screen

Clear navigation with icons in one pack

3D illustration of a smartphone with a blank white screen

Empty states

3D Playful illustrations that guide the user

3D illustration of a rocket taking off, the first launch of an app

Onboarding flows

Consistent layout components assembled from one pack

Mobile app design ideas

The agent pulls real assets from the catalogue to build mobile app design interface sections

Navigation bars

Tab and list icons from one pack

App calendar

Consistent layout elements assembled from one pack

Settings screens

Gear and profile icons that match the overall style

Clients for mobile app interface design

Which clients connect to the endpoint to run mobile app design tasks

ClientHow to addSign in
Claude CodePlugin command/mcp, then the browser
Codexcodex mcp addcodex mcp login
Cursormcp.jsonFrom the MCP settings

Build a mobile prototype with real assets

Build a mobile app design prototype with real assets from a catalogue of 420,000+ icons

Native sizes

The agent knows Simple Small is 16 and Dotted is 80

App themes

Lock a monochrome or color style in icons8.json to match your layout

Questions about mobile app UI