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

ui-ux-pro-max

UI/UX design intelligence for web and mobile. Searchable local database with 84 styles, 192 color palettes, 74 font pairings, 192 product types, 98 UX guidelines, 104 icon entries, 16 GSAP motion presets, and 25 chart types across 22 stacks (React, Next.js, Vue, Nuxt, Svelte, Astro, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX, WPF, WinUI, Avalonia, Uno Platform, UWP, Three.js, and HTML/CSS). Use when designing, building, or reviewing UI: pages, components, color schemes, typography, layout, accessibility, animation, or data visualization.

skills.shskills.sh rank 101

Swiss Design

Swiss design system skill focused on grid discipline, typography hierarchy, and clean editorial interface composition.

ui-skillsdeveloper-tools

Frontend Ui Engineering

Frontend UI engineering guidance covering component architecture, responsive design, accessibility, and maintainable implementation patterns.

ui-skillsdeveloper-tools

web-design-guidelines

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

skills.shskills.sh rank 9

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.

skills.shskills.sh rank 2

Fixing Motion Performance

Audit and fix animation performance issues including layout thrashing, compositor properties, scroll-linked motion, and blur effects. Use when animations stutter, transitions jank, or reviewing CSS/JS animation performance.

ui-skillsai-media

Baseline Ui

Quickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues. Use when the interface needs a fast cleanup or polish pass.

ui-skillsdeveloper-tools

Ui Skills Root

Use when the user needs UI help and you must route by topic, stack, and intent to the smallest useful set of UI skills.

ui-skillsdeveloper-tools