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?
Converts Figma color variables to CSS/design tokens in various framework standards
AlicenseBqualityCmaintenanceAn MCP server that provides utilities for web developers to automate API integration, convert Figma designs to code, and optimize development workflows with tools for asset management and code generation.2818 npm38Mozilla Public 2.0Why this server?
Supports using CSS selectors to target and extract specific elements or regions from web pages during the fetching process.

stripfeed-mcp-serverofficial
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?
Enables AST-aware pattern matching, search, and safe refactoring for CSS code using ast-grep, supporting structural code manipulation across files.
AlicenseAqualityDmaintenanceEnables structural code search and refactoring across 20+ programming languages using ast-grep patterns, with safe dry-run mode and flexible filtering.11MITWhy 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.2213 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.74 npm6MITWhy this server?
Provides CSS snippets, styling templates, and implementation checklists for various design styles like Glassmorphism and Minimalism.
AlicenseAqualityDmaintenance🎨 AI-powered UI/UX design intelligence - 1519+ curated design resources through MCP | React, Vue, Next.js, Flutter & more763 npm32MITWhy this server?
Allows generating static images and animated GIFs by rendering HTML and CSS content, including support for CSS animations, @keyframes, and transitions.
AlicenseAqualityDmaintenanceEnables AI assistants to programmatically generate images, GIFs, and PDFs from HTML/CSS or web screenshots using the Pictify API. It also supports template management, batch rendering jobs, and A/B test experiment controls.3139 npmMITWhy this server?
Includes pre-configured academic_custom.css theme with custom fonts, color schemes, table styles, and multi-column layouts for presentations
AlicenseBqualityCmaintenanceEnables creation and management of Marp presentation projects with academic themes and structured slide layouts. Supports project initialization, slide generation with 6 layout templates, and integration with AI-powered editors like Claude Code and Cursor.377 npm11MITWhy this server?
Provides core design system rules and semantic color palette usage via CSS variables for consistent styling of generated UI components.
AlicenseAqualityDmaintenanceProvides AI models with structured design guidelines and system prompts for creating consistent, high-quality interactive visualizations like charts, diagrams, and mockups. It enables on-demand loading of UI specifications to optimize token usage while ensuring visually polished and functional widget generation.113 npm58MIT