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.

68 listings in this category

All Design & UI listings

68 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