πŸ“š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.

  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

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing…

🎨Creative, Design & Art158,616
Claude DirectoryClaude Skills HubSkillsHub MCP
🎨
🧩Skillβ˜… Featured

Brand Guidelines

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.

🎨Creative, Design & Art158,616
Claude DirectorySkillsHub MCP
🎨
🧩Skillβ˜… Featured

Frontend Design

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

🎨Creative, Design & Art158,616
🎨
🧩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

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 β†’