Page Design Guide Mcp Server

Created at 2 days ago

by chihebnabil

An MCP (Model Context Protocol) server that provides design guidance to help LLMs generate better, more modern web pages. This server focuses on teaching design principles and best practices rather than providing code templates.

What is Page Design Guide MCP Server?

Page Design Guide MCP Server is an MCP (Model Context Protocol) server that provides design guidance to help LLMs generate better, more modern web pages. It focuses on teaching design principles and best practices rather than providing code templates.

How to use Page Design Guide MCP Server?

To use the server, integrate it with your Claude Desktop or OpenCode configuration, and ask design-related questions to receive guidance on various design aspects.

Key features of Page Design Guide MCP Server?

Layout Guidance: Recommendations on layout patterns like F-Pattern and Z-Pattern.
Color Psychology: Insights on color meanings and palette suggestions.
Typography: Best practices for font pairings and readability.
Responsive Design: Mobile-first strategies and breakpoint guidance.
Visual Hierarchy: Principles of contrast, whitespace, and alignment.
Component Guidance: Design principles for UI components.
Animation Principles: Guidelines for effective animations.
Accessibility: WCAG compliance and semantic HTML.
Modern Trends: Current design trends and their applications.
Design Review: Analyze designs and get recommendations.

Use cases of Page Design Guide MCP Server?

Assisting in the design of landing pages.
Providing layout recommendations for portfolio sites.
Offering color suggestions for branding.
Ensuring accessibility in web designs.
Reviewing and improving existing design approaches.

FAQ from Page Design Guide MCP Server?

Can this server help with all aspects of web design?

Yes! It covers a wide range of design principles and best practices.

Is there a cost to use the Page Design Guide MCP Server?

No! It is free to use for everyone.

What are the system requirements?

Node.js >= 18.0.0 and the Claude Desktop app are required.

Y Gui

luohy15

A web-based graphical interface for AI chat interactions with support for multiple AI models and MCP (Model Context Protocol) servers.

10 months ago

Blender

ahujasid

BlenderMCP connects Blender to Claude AI through the Model Context Protocol (MCP), allowing Claude to directly interact with and control Blender. This integration enables prompt assisted 3D modeling, scene creation, and manipulation.

10 months ago

Windsurf

Codeium

The new purpose-built IDE to harness magic

9 months ago

Sentry

modelcontextprotocol

Retrieving and analyzing issues from Sentry.io

a year ago

Playwright Mcp

microsoft

Playwright MCP server

10 months ago

Time

modelcontextprotocol

A Model Context Protocol server that provides time and timezone conversion capabilities. This server enables LLMs to get current time information and perform timezone conversions using IANA timezone names, with automatic system timezone detection.

10 months ago

EverArt

modelcontextprotocol

AI image generation using various models

a year ago

Framelink Figma MCP Server

GLips

MCP server to provide Figma layout information to AI coding agents like Cursor

a year ago

Lutra

lutra

Lutra is the first MCP compatible client built for everyone

9 months ago

Roo Code (prev. Roo Cline)

RooVetGit

Roo Code (prev. Roo Cline) gives you a whole dev team of AI agents in your code editor.

a year ago

302_browser_use_mcp

302ai

Automatically create a remote browser to complete your specified tasks, developed based on Browser Use + Sandbox. 自动创建一个远程浏览器，完成你指定的任务，基于Browser Use + Sandbox开发。

9 months ago

DeepChat

ThinkInAI

Your AI Partner on Desktop

10 months ago

Zhipu Web Search

BigModel

Zhipu Web Search MCP Server is a search engine specifically designed for large models. It integrates four search engines, allowing users to flexibly compare and switch between them. Building upon the web crawling and ranking capabilities of traditional search engines, it enhances intent recognition capabilities, returning results more suitable for large model processing (such as webpage titles, URLs, summaries, site names, site icons, etc.). This helps AI applications achieve "dynamic knowledge acquisition" and "precise scenario adaptation" capabilities.

8 months ago

Howtocook Mcp

worryzyy

基于Anduin2017 / HowToCook （程序员在家做饭指南）的mcp server，帮你推荐菜谱、规划膳食，解决“今天吃什么“的世纪难题； Based on Anduin2017/HowToCook (Programmer's Guide to Cooking at Home), MCP Server helps you recommend recipes, plan meals, and solve the century old problem of "what to eat today"

9 months ago

MiniMax MCP

MiniMax-AI

Official MiniMax Model Context Protocol (MCP) server that enables interaction with powerful Text to Speech, image generation and video generation APIs.

9 months ago

Aiimagemultistyle

codecraftm

A Model Context Protocol (MCP) server for image generation and manipulation using fal.ai's Stable Diffusion model.

8 months ago

Puppeteer

modelcontextprotocol

Browser automation and web scraping

a year ago

GitLab

modelcontextprotocol

GitLab API, enabling project management

a year ago

MCP Server for Milvus

zilliztech

The Milvus MCP server enables AI applications to interact with Milvus vector databases using natural language commands. It allows AI models to perform vector searches, manage collections, and retrieve data without writing custom database queries. This integration facilitates seamless access to vector data, enhancing the capabilities of AI tools like Claude Desktop and Cursor.

9 months ago

Amap Maps

amap

高德地图官方 MCP Server

10 months ago

ChatWise

EGOIST

The second fastest AI chatbot™

9 months ago

GBOX Android MCP

babelcloud

GBOX provides environments for AI Agents to operate computer and mobile devices. Mobile Scenario: Your agents can use GBOX to develop/test android apps, or run apps on the Android to complete various tasks(mobile automation). Desktop Scenario: Your agents can use GBOX to operate desktop apps such as browser, terminal, VSCode, etc(desktop automation). MCP: You can also plug GBOX MCP to any Agent you like, such as Cursor, Claude Code. These agents will instantly get the ability to operate computer and mobile devices.

10 months ago

Sequential Thinking

modelcontextprotocol

An MCP server implementation that provides a tool for dynamic and reflective problem-solving through a structured thinking process.

10 months ago

y-cli 🚀

luohy15

A Tiny Terminal Chat App for AI Models with MCP Client Support

a year ago

Firecrawl Mcp Server

mendableai

Official Firecrawl MCP Server - Adds powerful web scraping to Cursor, Claude and any other LLM clients.

a year ago

MCP Advisor

istarwyh

MCP Advisor & Installation - Use the right MCP server for your needs

9 months ago

302_sandbox_mcp

302ai

Create a remote sandbox that can execute code/run commands/upload and download files. 创建远程沙盒，可以执行代码/运行命令/上传下载文件

9 months ago

Continue

continuedev

⏩ Create, share, and use custom AI code assistants with our open-source IDE extensions and hub of models, rules, prompts, docs, and other building blocks

a year ago

Baidu Map

baidu-maps

百度地图核心API现已全面兼容MCP协议，是国内首家兼容MCP协议的地图服务商。

10 months ago

A Sleek AI Assistant & MCP Client

nanbingxyz

5ire is a cross-platform desktop AI assistant, MCP client. It compatible with major service providers, supports local knowledge base and tools via model context protocol servers .

a year ago

Filesystem

Secure file operations with configurable access controls

a year ago

Qiniu MCP Server

Qiniu

基于七牛云产品构建的 Model Context Protocol (MCP) Server，支持用户在 AI 大模型客户端的上下文中通过该 MCP Server 来访问七牛云存储资源、利用 Dora 服务进行图片操作等。如果有什么需求欢迎在下方评论，您也可以在 github 仓库中提 issue。

10 months ago

Redis

modelcontextprotocol

A Model Context Protocol server that provides access to Redis databases. This server enables LLMs to interact with Redis key-value stores through a set of standardized tools.

10 months ago

Cherry Studio

CherryHQ

🍒 Cherry Studio is a desktop client that supports for multiple LLM providers.

10 months ago

Visual Studio Code - Open Source ("Code - OSS")

microsoft

Visual Studio Code

10 months ago

EdgeOne Pages MCP

TencentEdgeOne

An MCP service designed for deploying HTML content to EdgeOne Pages and obtaining an accessible public URL.

10 months ago

Tavily Mcp

tavily-ai

10 months ago

Aws Kb Retrieval Server

modelcontextprotocol

An MCP server implementation for retrieving information from the AWS Knowledge Base using the Bedrock Agent Runtime.

10 months ago

Mailtrap Email Sending MCP

Mailtrap

An MCP server that provides a tool for sending transactional emails via Mailtrap

9 months ago

Cursor

The AI Code Editor

9 months ago

AgentQL MCP Server

tinyfish-io

Model Context Protocol server that integrates AgentQL's data extraction capabilities.

10 months ago

Jina AI MCP Tools

PsychArch

A Model Context Protocol (MCP) server that integrates with Jina AI Search Foundation APIs.

10 months ago

PostgreSQL

modelcontextprotocol

Read-only database access with schema inspection

a year ago

mcp-server-flomo MCP Server

chatmcp

Write notes to Flomo

a year ago

Serper MCP Server

garymengcom

A Serper MCP Server

10 months ago

Perplexity Ask MCP Server

ppl-ai

A Model Context Protocol Server connector for Perplexity API, to enable web search without leaving the MCP ecosystem.

10 months ago

Search1API

One API for Search, Crawling, and Sitemaps

a year ago

Cline – #1 on OpenRouter

cline

Autonomous coding agent right in your IDE, capable of creating/editing files, executing commands, using the browser, and more with your permission every step of the way.

a year ago

MCP Playground

chatmcp

Call MCP Server Tools Online

9 months ago

HyperChat

BigSweetPotatoStudio

HyperChat is a Chat client that strives for openness, utilizing APIs from various LLMs to achieve the best Chat experience, as well as implementing productivity tools through the MCP protocol.

a year ago