CSS and styling

guptaanant682/Infi_gsap_mcp

MCP server Claude CodeCodexCursor +2

Comprehensive GSAP animation MCP server for Claude Code integration. Runs locally from the infi-gsap-mcp-server npm package.

shbernal/caniemail-ai-tooling

Skill Claude CodeCodex

Write and verify HTML email that renders correctly across email clients. Use whenever building, editing, or reviewing an HTML email, an email template, or a transactional message, and whenever a question involves Outlook, Gmail, Apple Mail, or "will this render in email". Covers what CSS and HTML each client supports…

aditya-ariosity/wcag-accessibility-mcp

Skill Claude CodeCodex

Audit and correct accessibility problems in rendered web interfaces using the wcag-accessibility MCP tools. Use when an agent creates, changes, reviews, or verifies HTML/CSS/UI code; when asked about WCAG, contrast, labels, semantics, keyboard access, focus, screen readers, responsive accessibility, or accessibility…

clarity-contrib/tailwindcss-mcp-server

MCP server Claude CodeCodexCursor +2

MCP server for TailwindCSS utility classes, documentation, and project assistance. Runs locally from the @clarity-contrib/tailwindcss-mcp-server npm package.

aimsise/color-engine-mcp

MCP server Claude CodeCodexCursor +2

Six pure, in-memory CSS color tools: parse, convert, WCAG/APCA contrast, gamut map, ramps, solver. Runs locally from the color-engine-mcp npm package.

ant-dev-lab/nightmarquee-mcp

Plugin Claude Code

Bundles 9 skills, 1 MCP server · 1,006 tokens together

Cinematic website prompts plus demo footage, tuned for Lovable, Bolt, Cursor, Claude and Codex. Free prompts need no account.

MasterPlayspots/motionspec

Cursor rule Cursor needs its repo

Motion accessibility rules for web UI animation (prefers-reduced-motion, WCAG 2.2.2 pause path, no flashing) and how to run MotionSpec (compile / audit) in this repo.

Qencode-Corp/mcp

Cursor rule Cursor

ChatGPT MCP player cache keys — bump WIDGETVERSION by hand when the widget changes.

Oldiiik/Design-Lagann

Skill Claude CodeCodex

Design director for web and app interfaces. Use it FIRST, before other design skills, whenever the user wants to create, redesign, restyle, polish, fix, animate or review anything visual in a UI, even a small CSS tweak, and even without saying "design": landing pages, dashboards, app screens, "make it look better"…

SoraiaBarroso/miromiro-mcp

Plugin Claude Code

Bundles 5 skills, 1 MCP server · 366 tokens together

Turn any live website into paste-ready code (Tailwind, HTML, React, Vue), an Elementor template for WordPress or a Shopify Liquid section, plus its brand colors, fonts, design tokens, SVGs and Lottie.

LuSrodri/css-sota-mcp

MCP server Claude CodeCodexCursor +2

What CSS you can actually ship today, from live Baseline data and MDN browser-compat-data. Remote server at css-sota-mcp.lusrodri.workers.dev.

Patrizzos/StyleSafe

MCP server Claude CodeCodexCursor +2

MCP server and CLI that catches CSS cascade conflicts and Tailwind utility clashes before they ship. Runs locally from the @patrizzos/stylesafe npm package.

Patrizzos/StyleSpeak

MCP server Claude CodeCodexCursor +2

MCP server and CLI that makes CSS legible to AI agents — explains what applies and why. Runs locally from the @patrizzos/stylespeak npm package.

bobaba99/motionlint

MCP server Claude CodeCodexCursor +2

Catch bad animations before they ship. Deterministic motion audit + vision-LLM design review. Runs locally from the motionlint npm package. Needs 4 environment variables to run.

vola-trebla/tailwind-context-resolver-mcp

MCP server Claude CodeCodexCursor +2

Resolves Tailwind CSS design tokens and validates utility classes against the local project config. Runs locally from the tailwind-context-resolver-mcp npm package.

ofershap/shadcn-best-practices

Plugin Claude Code

Bundles 1 skill, 1 command · 45 tokens together

shadcn/ui done right. Component customization, form patterns with React Hook Form + Zod, theming, accessibility, and composition patterns your AI agent should follow.

daniel-dan-conrad/ui-designer-skill

Skill Claude CodeCodex

Craft one-of-a-kind, ship-ready frontend interfaces with elevated design quality. Apply this skill whenever the user wants to build web components, pages, artifacts, posters, or applications (for example, websites, landing pages, dashboards, React components, HTML/CSS layouts, or any task that involves styling or…

limowan/mowan-mcp-feedback

Cursor rule Cursor

Architecture rules for a web tool that collects feedback between users and AI agents. It uses Tailwind CSS and inline JavaScript in the browser, with Python, FastAPI, and Jinja2 on the server.

sherifButt/shadcn-ui-mcp-server

MCP server Claude CodeCodexCursor +2

MCP server for shadcn/ui components with source code access, demos, and blocks support. Runs locally from the @sherifbutt/shadcn-ui-mcp-server npm package.

ebimopondei/css-tutor-mcp-server

MCP server Claude CodeCodexCursor +2

MCP server "css-tutor" as configured in ebimopondei/css-tutor-mcp-server. Runs locally from the css-tutor npm package.

brunocpf/nearest-tailwind-colors-mcp

MCP server Claude CodeCodexCursor +2

MCP server "nearest-tailwind-colors-mcp" as configured in brunocpf/nearest-tailwind-colors-mcp. Runs locally from the nearest-tailwind-colors-mcp npm package.

devAndreotti/lenis-mcp-server

MCP server Claude CodeCodexCursor +2

MCP server "lenis-mcp-server" as configured in devAndreotti/lenis-mcp-server. Runs locally from the lenis-mcp-server npm package.

OpenSIN-Code/SIN-Code-Frontend-Design-Skill

Skill Claude CodeCodex

SOTA frontend design system + philosophy (Anthropic-compatible). Loads typography, color, spacing, motion tokens; generates button/input/card/modal specs; scaffolds pages; runs WCAG 2.2 AA checks. Uses v0-pool for code generation when --use-v0 is passed.

gabrielg2020/govuk-frontend-mcp

MCP server Claude CodeCodexCursor +2

An MCP server that exposes GOV.UK Frontend components and GOV.UK Design System patterns and styles as resources. Runs locally from the govuk-frontend-mcp npm package.