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.

SoraiaBarroso/miromiro-mcp

Plugin Claude Code

Bundles 3 skills, 1 MCP server · 171 tokens together

Turn any live website into brand colors, fonts, design tokens, SVGs, Lottie and paste-ready component code.

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.

MasterPlayspots/motionspec

Plugin Claude Code

Bundles 2 skills, 1 MCP server · 120 tokens together

Verified web motion for AI-built sites: write a MotionSpec JSON spec, validate it against a strict schema, and compile deterministic GSAP/CSS with reduced-motion support and performance budgets enforced by construction. Reports WCAG 2.2.2 pause-path candidates (reduced-motion guard = 2.3.3, AAA). Includes a…

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.

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.

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

Cursor rule Cursor

shadcn/ui Best Practices - enforces current best practices when working with shadcn/ui code.

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.

teacat99/gl-mcp-feedback

Cursor rule Cursor

Project rules for a feedback tool built with MCP, a standard for connecting agents to tools, and a web interface for conversations between users and AI agents. Its frontend uses Tailwind CSS and inline JavaScript; its backend uses Python, FastAPI, and Jinja2.

Zrzzzz/Cairn

MCP server Claude CodeCodexCursor +2

Simpler string-based styling for React Native. Runs locally from the cairn npm package.

HtetOoWaiYan/colors-mcp-server

MCP server Claude CodeCodexCursor +2

A simple color utility MCP server for frontend developers — convert, mix, adjust, and analyze colors. Runs locally from the @htetoowaiyan/colors-mcp-server npm package.