CSS MCP服务器
通用CSS分析和文档MCP服务器。使用150多个指标分析任何CSS的复杂性、特异性和质量。
特性
- CSS分析：150多个CSS复杂性、特异性和质量指标
- MDN文档：从MDN Web文档中获取CSS属性文档
- 浏览器兼容性：检查CSS属性的跨浏览器支持
- 项目分析：分析项目中的所有CSS文件
安装
# Using uv
uv pip install css-mcp
# Using pip
pip install css-mcp用法
启动服务器
# Via CLI
css-mcp
# Via Python module
python -m css_mcp.server环境变量
| 变量 | 默认值 | 描述 |
|---|---|---|
CSS_MCP_HTTP_PORT | 3050 | 服务器端口 |
CSS_MCP_HTTP_HOST | localhost | 服务器主机 |
CSS_MCP_DEBUG | false | 启用调试模式 |
可用工具
| 工具 | 说明 |
|---|---|
analyze_css | 包含150多个指标的完整CSS分析 |
analyze_css_summary | 快速CSS摘要（更快） |
get_docs | CSS属性的MDN文档 |
get_browser_compatibility | 检查浏览器对属性的支持 |
search_properties | 搜索CSS属性 |
get_properties_by_category | 按类别获取房产 |
analyze_project_css | 分析项目中的所有CSS |
list_capabilities | 列出可用功能 |
health_check | 检查服务器运行状况 |
程序化使用
在Python中直接使用分析器来处理任何CSS：
示例：分析任何CSS
from css_mcp.analyzer import CSSAnalyzer
# Analyze any CSS content
analyzer = CSSAnalyzer()
metrics = analyzer.analyze(css_content)
# Get complexity score
print(f"Complexity: {metrics.complexity_score}/100")
# Get optimization suggestions
suggestions = analyzer.get_suggestions()指标
该分析仪提供150多个指标，包括：
基础指标
- 规则、选择器、属性总计
- 文件大小（字节，gzip压缩）
- 代码行数
选择器指标
- ID、类、元素、通用选择器
- 伪类和伪元素
- 组合器（后代、子代、兄弟姐妹）
- 选择器深度
特异性指标
- 平均、最小、最大特异性
- 高特异性规则
- 特异性分布
物业指标
- 独特属性
- 类别分布（布局、排版等）
- 供应商前缀
!important用法- CSS自定义属性
质量指标
- 重复选择器
- 重复属性
- 空规则
- 复杂性得分
- 效率分数
浏览器兼容性
跨以下领域的常见CSS属性的内置兼容性数据：
- 铬
- 火狐
- 狩猎旅行
- 边缘
发展
# Install dev dependencies
uv sync --group dev
# Run tests
pytest
# Type check
mypy css_mcp
# Lint
ruff check css_mcp许可证
BSD-3条款