Best UnoCSS MCP Servers
UnoCSS is an instant, atomic CSS engine that provides on-demand atomic CSS generation
Why this server?
Supports extracting color variables from Figma and converting them to UnoCSS configuration formats
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 updated821238Mozilla Public 2.0Why this server?
Generates UI components with UnoCSS styling and utility class optimization
AlicenseBqualityBmaintenanceA comprehensive development toolkit with 23 tools covering code quality analysis, development efficiency, and project management. Enables AI-assisted code review, test generation, performance analysis, SQL generation, UI component creation, and automated project documentation.Last updated2242433MITWhy this server?
Supports UnoCSS by offering pre-defined semantic class names and patterns, allowing AI to produce compact, readable code that is SSR-safe and can be minified for maximum token savings.
AlicenseAqualityCmaintenanceMulti-framework MCP server that enables AI to generate clean, semantic CSS class names (e.g., btn-primary) instead of verbose utility strings, with support for Tailwind, Bootstrap, UnoCSS, Tachyons, SSR safety, and minification for token savings.Last updated10136MITWhy this server?
Provides code snippets and usage examples for integrating Iconify icons with the UnoCSS engine.
Alicense-qualityCmaintenanceProvides access to over 200,000 open-source vector icons from more than 200 icon sets via the Iconify API. It enables users to browse, search, and retrieve specific icon data along with usage examples for popular web frameworks like React, Vue, and Tailwind CSS.Last updated6512GPL 3.0Why this server?
Facilitates the automatic application of design specifications and utility-first styling using UnoCSS during the design-to-code workflow.
Flicense-qualityCmaintenanceAn AI-driven integration server that enables natural language control of Adobe Photoshop through the Model Context Protocol. It automates design workflows by facilitating smart asset slicing, layer analysis, and the future generation of UI code from design files.Last updated2