Skip to content

davidpuertolas/design-mcp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Design Architect MCP Server

MCP Server

MCP (Model Context Protocol) server for architectural design that helps maintain design consistency across your entire project, design top-notch interfaces with normal prompting, and transforms junior developers into seniors.

What does this server do?

This MCP server acts as a Design Architect that:

  • 📚 Maintains a template database with custom styles (buttons, cards, inputs, etc.)
  • 🔍 Searches real-time documentation from popular UI libraries and component catalogs
  • 🎨 Orchestrates design by analyzing code and suggesting premium animated components
  • Generates implementation plans with detailed technical specifications
  • 🚀 Transforms junior developers into seniors by providing expert-level design guidance and best practices

Remote Installation

npx pikasso-mcp@latest

Ready to use! 🚀

Why Next.js?

The Next.js version (nextjs/ folder) is available for free online hosting! Deploy it to Vercel (or any serverless platform) and keep your MCP server running 24/7 without managing servers. The scalable production version is the Python script (design-mcp.py), which you can deploy on your own infrastructure (EC2, VPS, etc.) for full control and unlimited scaling.

Local Execution

# Install dependencies
pip install fastmcp httpx

# Or with uv
uv pip install fastmcp httpx

# Run the server
python design-mcp.py

# Or with uv
uv run --with mcp design-mcp.py

# LAST: Add server to ~\.cursor\mcp.json

About

MCP for IDEs that generates top-notch UI and guarantees consistency between pages. No more AI slop interfaces.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors