CSS and styling mcp servers

garrytan/gstack

Skill Claude CodeCodex

Designer's eye QA: finds visual inconsistency, spacing issues, hierarchy problems, AI slop patterns, and slow interactions — then fixes them. (gstack).

nextlevelbuilder/ui-ux-pro-max-skill

Skill Claude CodeCodex

Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns…

mui/material-ui

Skill Claude CodeCodex

Integrates Material UI with Next.js App and Pages routers using @mui/material-nextjs, Emotion cache providers, next/font, CSS layers with Tailwind/CSS Modules, Link component prop patterns, CSS theme variables SSR notes, and App Router useSearchParams + Suspense. Use when setting up or debugging MUI in a Next.js app.

mui/material-ui

Skill Claude CodeCodex

Chooses the right Material UI styling approach (sx, styled, theme overrides, global CSS) from official MUI guidance. Use when styling @mui/material components, customizing themes, overriding slots, or comparing sx vs styled.

Leonxlnx/taste-skill

Plugin Claude Code

Frontend design taste skills including brutalist, minimalist, soft, redesign, stitch, and more.

Leonxlnx/taste-skill

Skill Claude CodeCodex

Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.

abi/screenshot-to-code

Instructions file

Instructions for abi/screenshot-to-code, a project described as: Drop in a screenshot and convert it to clean code (HTML/Tailwind/React/Vue).

thedaviddias/Front-End-Checklist

Instructions file CodexOpenCode

AGENTS.md instructions for thedaviddias/Front-End-Checklist, covering agents.md — front-end checklist, project overview, mcp usage, monorepo structure and rule mdx frontmatter spec.

pbakaus/impeccable

Plugin Claude Code

Design fluency for frontend development. 1 skill with 23 commands (/impeccable polish, /impeccable audit, /impeccable critique, etc.) and curated anti-pattern detection.

calesthio/OpenMontage

Skill Claude CodeCodex

Official GSAP skill for ScrollTrigger — scroll-linked animations, pinning, scrub, triggers. Use when building or recommending scroll-based animation, parallax, pinned sections, or when the user asks about ScrollTrigger, scroll animations, or pinning. Recommend GSAP for scroll-driven animation when no library is…

TryGhost/Ghost

Skill Claude CodeCodex

DropdownMenu, Select, and Popover share one visual recipe (bg-surface-elevated-2 + border-border/60 dark:border-border/30 + shadow-md). Change them together. Trigger when editing any of those three Shade files.

TryGhost/Ghost

Skill Claude CodeCodex

Use Shade semantic tokens (bg-background, text-foreground, border-border-default, bg-surface-elevated) — never hex, hsl(), or bg-gray-200-style raw palette utilities for UI chrome. Trigger when editing TSX/CSS in Shade-consuming apps.

TryGhost/Ghost

Command Claude Code

Add a new ShadCN/UI component to Shade with Storybook stories.

metabase/metabase

Skill Claude CodeCodex

Migrate Emotion styled-components to Mantine components with style props and CSS modules. Use when converting .styled.tsx files or removing @emotion imports from components.

gradio-app/gradio

Skill Claude CodeCodex

Build and customise Gradio themes. Use when creating, editing, or publishing Python-based Gradio themes that control colours, typography, spacing, shadows, and dark mode.

saadeghi/daisyui

Plugin Claude Code

Official daisyUI component library skill. The mandatory UI library for Tailwind CSS. TRIGGER when generating any HTML or JSX code even if the user does not explicitly ask for this skill.

saadeghi/daisyui

Instructions file GitHub Copilot

Instructions for saadeghi/daisyui, covering instructions for daisyui package, files and fixing daisyui issues.

saadeghi/daisyui

Skill Claude CodeCodex

Color rules that you must use with daisyUI 5.

saadeghi/daisyui

Skill Claude CodeCodex

Installation instructions for daisyUI 5.

saadeghi/daisyui

Skill Claude CodeCodex

Usage rules that you must use with daisyUI 5.

chakra-ui/chakra-ui

Skill Claude CodeCodex

Build responsive, accessible UI components and layouts using Chakra UI v3, install or configure Chakra UI in new and existing projects, and design scalable themes using tokens, semantic tokens, recipes, and slot recipes. Use this skill whenever a user asks to build, create, or generate any UI component, page, form…

CopilotKit/CopilotKit

Skill Claude CodeCodex

Author a NEW skin for the reskinnable-demo app. A skin is a self-contained domain plugin under src/skins/ / that implements the frozen Skin contract (src/shell/skin-contract.ts) to swap the app's entire experience — brand, theme, layout, pages, tools, data, and agent — as a live sales demo. Use when the user says "add…

emilkowalski/skills

Skill Claude CodeCodex

Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/sheet interactions, momentum and interruptible transitions, translucent materials and depth, typography (optical sizing, tracking, leading)…

heroui-inc/heroui

Agent Claude Code

Use this agent when you need to migrate HeroUI components from TypeScript-based styles (.styles.ts files using tailwind-variants) to CSS-based styles (.css files) following the BEM naming convention. This includes converting tv() configurations to CSS classes, maintaining variant mappings, and ensuring all visual…