MCP Server Hub
MCP Skill Hub

Skill category

Design & UI

Visual design, layout, typography, motion, and design systems. Discover source-linked skills that teach agents repeatable workflows.

98 listings in this category

All Design & UI listings

98 organic results

⌘

Brutalist Skill

Raw, mechanical interface direction mixing Swiss print structure with terminal-inspired brutalist aesthetics.

ui-skillsdeveloper-tools
⌘

Gpt Tasteskill

High-agency UX/UI skill with strict layout variance, typography, and GSAP motion engineering constraints.

ui-skillsdeveloper-tools
⌘

Minimalist Skill

Editorial minimal interfaces with monochrome palettes, typographic contrast, and restrained visuals.

ui-skillsdeveloper-tools
⌘

Redesign Skill

Audit and upgrade existing interfaces to premium visual quality while preserving product functionality.

ui-skillsdeveloper-tools
⌘

Soft Skill

High-end visual design guidance for premium typography, spacing, depth, and animation systems.

ui-skillsai-media
⌘

Stitch Skill

Semantic design-system skill for Google Stitch with strict anti-generic UI generation rules.

ui-skillsdeveloper-tools
⌘

Taste Skill

Senior UI/UX frontend skill that enforces anti-slop design decisions, motion quality, and architecture discipline.

ui-skillsdeveloper-tools
⌘

Adapt

Adapt designs across breakpoints, device contexts, and platform constraints with responsive interaction quality.

ui-skillsdeveloper-tools
⌘

Animate

Enhance UX with purposeful animation and micro-interactions that support usability and delight.

ui-skillsai-media
⌘

Audit

Run technical UI quality audits across accessibility, performance, theming, responsive behavior, and anti-patterns.

ui-skillsdeveloper-tools
⌘

Bolder

Increase visual impact and personality for interfaces that feel too safe, bland, or generic.

ui-skillsdeveloper-tools
⌘

Clarify

Improve labels, microcopy, and UX messaging so interface text is clearer and easier to act on.

ui-skillsdeveloper-tools
⌘

Colorize

Introduce strategic color systems to interfaces that feel dull, monochrome, or visually flat.

ui-skillsdeveloper-tools
⌘

Critique

Evaluate design quality with structured UX scoring, persona checks, and actionable remediation guidance.

ui-skillsai-media
⌘

Delight

Add personality and memorable moments through thoughtful interaction details and emotional UX touches.

ui-skillsdeveloper-tools
⌘

Bencium Innovative Ux Designer

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

ui-skillsdeveloper-tools
⌘

Use Of Color

Compatibility listing for use-of-color installs from AccessLint's marketplace skill set.

ui-skillsdeveloper-tools
⌘

Emil Design Eng

Emil Kowalski's design-engineering philosophy for UI polish, components, animation, and production-ready frontend craft.

ui-skillsai-media
⌘

Generating Sounds With Ai

Audit Web Audio API code for procedural sound synthesis quality, UX decisions, and parameter best practices.

ui-skillsai-media
⌘

Rams

Real-time design feedback skill focused on accessibility, spacing, typography, contrast, and component quality.

ui-skillsdeveloper-tools
⌘

Oklch Skill

Practical OKLCH color workflow skill for building consistent, accessible, and tunable color systems in modern UIs.

ui-skillsproductivity
⌘

Make Interfaces Feel Better

Design engineering principles for making interfaces feel polished, with focus on micro-interactions, typography, and visual details.

ui-skillsdeveloper-tools
⌘

Design Lab

Interactive design exploration workflow: conduct interviews, generate variants, and refine UI designs through feedback.

ui-skillsproductivity
⌘

12 Principles Of Animation

Apply Disney's 12 animation principles to web interfaces to make motion feel natural, organic, and human.

ui-skillsai-media
⌘

Web Design Guidelines

Review UI code for web interface guideline compliance, including accessibility and UX best practices.

ui-skillssecurity
⌘

Canvas Design

Create original visual designs and art on digital canvases using design philosophy, focusing on form, space, and color.

ui-skillsai-media
⌘

Wcag Audit Patterns

Conduct WCAG 2.2 accessibility audits with automated testing, manual verification, and remediation guidance. Use when auditing websites for accessibility, fixing WCAG violations, or implementing accessible design patterns.

ui-skillsai-media
⌘

Interface Design

Specialized skill for interface design: dashboards, admin panels, and SaaS apps. Focused on craft and consistency.

ui-skillsdeveloper-tools
⌘

Swiftui Ui Patterns

Best practices and example-driven guidance for building SwiftUI views and components. Includes tab architecture and screen composition.

ui-skillsdeveloper-tools
⌘

Interaction Design

Design and implement microinteractions, motion design, transitions, and user feedback patterns for delightful user experiences.

ui-skillsdeveloper-tools