gemini

This MCP server provides an enterprise-grade Gemini 2.5 PRO UI design assistant that integrates with Claude AI via the MCP protocol in Warp Terminal. It exposes capabilities to design UI components, review frontend implementations for WCAG compliance, generate production-ready frontend code, offer architecture consultation for scalable frontends, and craft cohesive brand identities. After starting the server, you can invoke tools such as design_ui_component to create accessible UI elements, review_ui_implementation to audit given code, generate_frontend_code to produce production-ready artifacts, ui_architecture_consultation for system architecture guidance, and brand_identity_design to establish a consistent design system. Use the configured GEMINI_API_KEY to authenticate with Gemini and receive design, code, and architectural outputs aligned with enterprise standards.

Prerequisites:

• Node.js ≥ 18.0.0
• npm (comes with Node.js)
• Warp Terminal (latest)
• Gemini API Key (for authentication)

Installation steps:

1. Clone the repository:

git clone https://github.com/bobvasic/gemini-ui-design-server.git

2. Install dependencies:

cd gemini-ui-design-server
npm install

3. Mark executable scripts if needed:

chmod +x index.js setup.sh

4. Prepare configuration (example provided in the MCP config below) and ensure your Gemini API key is ready for use when starting the server.

Notes and tips:

• Keep your GEMINI_API_KEY secure and do not hard-code it in code; use environment variables as shown in the MCP configuration.
• The MCP config example uses a server name gemini-ui-designer and runs the server via node index.js located in the project directory.
• Restart Warp Terminal after updating the MCP config to apply changes.
• The server supports enterprise-grade outputs including WCAG-focused reviews, production-ready frontend code, and architecture guidance; tailor prompts and requirements to meet your project standards.
• If you encounter startup issues, verify Node.js version compatibility and that dependencies are installed with npm install.