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.Last updated33MITWhy this server?
Provides CSS/SCSS stylesheet indexing with class/ID selector extraction and variable tracking, enabling unified HTML/CSS discovery and cross-language search capabilities.
AlicenseAqualityAmaintenanceKnot is a semantic and structural codebase indexer designed for AI coding agents and developers navigating large projects. It combines vector search and graph traversal to find code by meaning, analyze impact via reverse dependencies, and explore file architectures.Last updated843MITWhy 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.Last updated22187MITWhy this server?
Supports targeting web page elements using CSS selectors for actions like screenshots, clicks, hover effects, and form interactions.
AlicenseBqualityCmaintenanceA 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.Last updated7296MITWhy this server?
Converts Figma design elements to CSS code, allowing for high-fidelity representation of designs in web development
MITWhy this server?
Supports reading and writing CSS files within permitted directories
AlicenseAqualityCmaintenanceA TypeScript-based MCP server that enables Claude Desktop to perform file operations and retrieve system information, with built-in security features that restrict access to safe directories only.Last updated635MITWhy this server?
Provides CSS-first solutions for UI implementation tasks by suggesting CSS properties, checking browser support, and offering implementation guidance with fallback strategies.
AlicenseAqualityFmaintenanceThis server integrates with Mozilla Developer Network (MDN) documentation to suggest CSS properties, check browser support, and provide implementation guidance with user consent mechanisms.Last updated414MITWhy 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.Last updated18154MITWhy this server?
Converts Figma color variables to CSS/design tokens in various framework standards
AlicenseBqualityBmaintenanceAn 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.Last updated83238Mozilla Public 2.0