Skip to main content
Glama
Sign In

Webpage Design Analyzer

by yangxt65535
GitHub
Python
  • Linux
OverviewInspectNewSchemaRelated ServersReviewsScore
Need Help?View Source CodeReport Issue

Integrations

  • Outputs webpage development plans in Markdown format, allowing for structured and readable documentation of design analysis.

  • Utilizes OpenAI's vision model API to analyze webpage design images and generate detailed frontend development documentation in Markdown format.

webpage-design-analyzer-mcp

Python实现的MCP服务器，提供本地图片绝对路径，通过调用视觉模型 API，生成前端页面的设计文档。

API

Tools

  • analyze_image
    • 通过调用视觉大模型 API，分析页面设计图，制定开发方案
    • Input: image_path(string) 图片在设备上的绝对路径
    • Return (string): Markdown 格式输出的页面开发方案

启动服务

项目使用 uv 管理，uv 是一个基于 Rust 开发的高性能 Python 包、项目管理器，通过以下方式安装：

# Bash curl -LsSf https://astral.sh/uv/install.sh | sh # Powershell powershell -ExecutionPolicy ByPass -c "irm https://astral.sh/uv/install.ps1 | iex"

uv 通过识别 pyproject.toml 与 .python-version 中的相关字段使用特定的 Python 版本。项目默认使用 Python 3.11，如遇版本问题，可直接修改相关字段，也可以使用 uv 的 Python 多版本功能：

uv python install 3.11 uv python list

在支持 MCP 的客户端中，通过以下方式引入，注意声明 OPENAI 或与其兼容的 API 端点和密钥：

{ "key": "WebpageDesignAnalyzer", "description": "提供本地图片绝对路径，通过调用视觉模型 API，生成前端页面的设计文档。", "command": "uv", "args": [ "--directory", "C:\\ABSOLUTE\\PATH\\TO\\PROJECT\\FOLDER", "run", "image_analysis_service.py" ], "env": { "OPENAI_API_URL": "YOUR_API_URL", "OPENAI_API_KEY": "YOU_API_KEY" } }

This server cannot be installed

-
security - not tested
F
license - not found
-
quality - not tested

An MCP server that analyzes webpage design images using vision models and generates development documentation in Markdown format.

Related MCP Servers

  • MCP NPX Fetch

    tokenizin-agency
    A
    security
    A
    license
    A
    quality
    A powerful MCP server for fetching and transforming web content into various formats (HTML, JSON, Markdown, Plain Text) with ease.
    Last updated -
    4
    146
    12
    TypeScript
    MIT License
    • Apple
    • Linux

  • Memex

    narphorium
    -
    security
    A
    license
    -
    quality
    A tool for Model Context Protocol (MCP) that allows you to analyze web content and add it to your knowledge base, storing content as Markdown files for easy viewing with tools like Obsidian.
    Last updated -
    6
    Python
    MIT License

  • MD Webcrawl MCP

    jmh108
    -
    security
    A
    license
    -
    quality
    A Python-based MCP server that crawls websites to extract and save content as markdown files, with features for mapping website structure and links.
    Last updated -
    1
    Python
    MIT License

  • Fetch MCP

    jae-jae
    A
    security
    A
    license
    A
    quality
    An MCP server that retrieves web page content using Playwright headless browser, capable of extracting main content and converting to Markdown format.
    Last updated -
    2
    481
    647
    TypeScript
    MIT License
    • Apple

View all related MCP servers

New MCP Servers

ID: sq92q6uh5b