Best CSS MCP Servers
CSS (Cascading Style Sheets) is a style sheet language used for describing the presentation of a document written in HTML or XML. CSS is maintained by the World Wide Web Consortium (W3C).
Why this server?
Supports using CSS selectors to target and extract specific elements or regions from web pages during the fetching process.
AlicenseAqualityBmaintenanceConverts any URL to clean, token-efficient Markdown for AI agents. Strips ads, navigation, and scripts. Supports CSS selectors, batch processing (10 URLs), token counting, and smart caching.33 npmMITWhy this server?
Allows updating custom CSS code for LaunchNotes project styling and customization.
AlicenseAqualityBmaintenanceEnables management of LaunchNotes projects and announcements through natural language, including customization of themes, colors, content, and publishing announcements with full read/write access via the LaunchNotes GraphQL API.2217 npmMITWhy this server?
Supports targeting web page elements using CSS selectors for actions like screenshots, clicks, hover effects, and form interactions.
AlicenseBqualityDmaintenanceA Model Context Protocol server that provides browser automation capabilities using BrowserCat's cloud browser service. This server enables LLMs to interact with web pages, take screenshots, and execute JavaScript in a real browser environment without needing to install browsers locally.711 npm6MITWhy this server?
Enables exporting design tokens as CSS custom properties and enforces the use of CSS variables within components to maintain design uniformity.
AlicenseAqualityBmaintenanceEnables auto-configuration and validation of React components against a glassmorphic design token system using an AST correction engine. It supports managing UI presets, enforcing design uniformity in Monaco IDE, and exporting tokens as CSS, Tailwind, or JavaScript variables.14MITWhy this server?
Provides tools for extracting computed CSS styles and comparing layout properties across different viewport widths to identify and resolve responsive design issues.
AlicenseAqualityNot gradedmaintenanceProvides AI assistants with visual feedback for responsive web design by capturing screenshots and extracting DOM layout data through the Viewpo macOS app. It enables automated UI verification and responsive behavior comparison across multiple viewport breakpoints.34 npm-Why this server?
Inspects applied CSS wrapping rules, generates minimal CSS fixes for mid-word line breaks, and appends idempotent CSS rules to stylesheet files.
AlicenseAqualityAmaintenanceRenders responsive web pages with Playwright and detects Korean and English words split across visual lines, reports avoidable mid-word wraps and embedded hard newlines, and provides CSS fix suggestions with dry-run or explicitly allowed application.735 npmMITWhy this server?
Performs deep CSS compatibility analysis for HTML emails, identifying warnings and scores for 15 different email clients.
AlicenseAqualityCmaintenanceMCP server for email compatibility analysis. Analyze, preview, diff, and fix HTML emails across 15 email clients — plus capture real screenshots and create shareable links with an optional API key.9100 npm7MITWhy this server?
Allows exporting selected design nodes to HTML/CSS code.
AlicenseBqualityCmaintenanceEnables AI assistants and design agents to connect directly to Paper Desktop via Chrome DevTools Protocol for autonomous design workflows, including atomic document editing, batch asset export, code generation, and design-system validation without rate limits.73MITWhy this server?
Analyzes CSS animations, grids, and typography from web pages to extract and discover reusable design and motion patterns.
AlicenseBqualityCmaintenanceWeb design analysis MCP server with 20 tools for layout extraction, motion detection, quality scoring, and semantic search. Uses Playwright, pgvector HNSW, and Ollama Vision to turn web pages into searchable, structured design knowledge.402AGPL 3.0