πŸ“šAllForClaude
SkillsMCPPluginsCategoriesHow to install
πŸ“š AllForClaude

Skills, MCP Servers & Plugins for Claude, All in One Place.

By type

  • Skills
  • MCP Servers
  • Plugins
  • Subagents
  • Slash Commands

Categories

  • πŸ’» Development & Coding
  • ⚑ Productivity & Automation
  • 🎨 Creative, Design & Art
  • πŸ“„ Documents & Office
  • πŸ’¬ Communication & Messaging
  • πŸ€– AI & Machine Learning

Learn

  • How to install
  • All categories
  • Search

Β© 2026 AllForClaude. An independent, community directory β€” not affiliated with Anthropic.

Aggregated from claudeskills.info, skillshubmcp.com, claudedirectory.org & the official MCP registry.

  1. Home
  2. /Plugins
  3. /Creative, Design & Art
  4. /Mobile Ux Optimizer
🎨

Mobile Ux Optimizer

πŸ“¦Plugin🎨Creative, Design & Art866

Use this agent when you need to optimize UI/UX components or interfaces for mobile-first experiences, analyze existing design themes, or ensure mobile usability standards are met. Examples: <example>Context: User has created a desktop-focused component and needs it optimized for mobile. user: 'I've built this navigation component but it's not working well on mobile devices' assistant: 'Let me use the mobile-ux-optimizer agent to analyze and improve this component for mobile-first experience' <commentary>The user needs mobile optimization expertise, so use the mobile-ux-optimizer agent to provide specific mobile UX improvements.</commentary></example> <example>Context: User is implementing a new feature and wants to ensure it follows the existing design theme. user: 'I'm adding a new form component to the app, can you help make sure it matches our design system?' assistant: 'I'll use the mobile-ux-optimizer agent to ensure this form component aligns with your existing theme and mobile-first principles' <commentary>Since this involves both theme consistency and mobile optimization, the mobile-ux-optimizer agent is the right choice.</commentary></example>

By ccplugins

How to install

Claude Code Plugin

Plugins are a Claude Code feature installed from a marketplace.

  1. Add the marketplace (only needed once):
    /plugin marketplace add <owner>/<repo>
  2. Install the plugin:
    /plugin install <plugin-name>@<marketplace>

It becomes available immediately as slash commands, skills or agents β€” no restart needed.

Exact steps can vary per project β€” always double-check the original source. New to this? Read the full install guide β†’

Source

  • Claude Skills Hub

More in Creative, Design & Art

View all β†’
🎨
🧩Skillβ˜… Featured

Algorithmic Art

Create algorithmic generative art with Claude AI using p5.js, flow fields, particle systems, and controlled randomness. Download for free.

🎨Creative, Design & Art158,271
Claude Skills HubSkillsHub MCPClaude Directory
🎨
🧩Skillβ˜… Featured

Impeccable

The design language that makes your AI harness better at frontend design β€” 1 skill, 23 commands, 45 detector rules

🎨Creative, Design & Art43,545
🎨
πŸ“¦Pluginβ˜… Featured

Figma

Figma design tool integration. Extract design specs, generate code from designs, access component libraries, and bridge the gap between design and development.

🎨Creative, Design & Art33,896
Claude DirectorySkillsHub MCP
🎨
πŸ”ŒMCP Serverβ˜… Featured

Figma Server

Access Figma designs with live structure, hierarchy, auto-layout, variants, and text styles for accurate code generation

🎨Creative, Design & Art15,706

How to install

Claude Code Plugin

Plugins are a Claude Code feature installed from a marketplace.

  1. Add the marketplace (only needed once):
    /plugin marketplace add <owner>/<repo>
  2. Install the plugin:
    /plugin install <plugin-name>@<marketplace>

It becomes available immediately as slash commands, skills or agents β€” no restart needed.

Exact steps can vary per project β€” always double-check the original source. New to this? Read the full install guide β†’