Page Design Guide MCP
Server Configuration
Describes the environment variables required to run the server.
| Name | Required | Description | Default |
|---|---|---|---|
No arguments | |||
Instructions
Guidance the server publishes about itself, which clients place ahead of the tool catalog so the model reads it before choosing anything.
This server publishes no instructions, or was last inspected before Glama recorded them.
Capabilities
Server capabilities have not been inspected yet.
Tools
Functions exposed to the LLM to take actions
| Name | Description |
|---|---|
| get_component_guidanceC | Returns detailed design specs for UI components (buttons, cards, forms, navigation) with modern 2026 best practices. |
| get_modern_palettesB | Returns trending 2026 color palette combinations with specific hex codes and usage examples. |
| get_design_principlesB | Retrieves core UI/UX principles (hierarchy, whitespace, contrast) to ensure visual quality. |
| get_layout_patternsA | Returns standard layout patterns (F-pattern, Z-pattern, Bento Grid) and when to use them. |
| get_color_guidanceB | Returns color psychology, color scheme types, and modern palette examples. |
| get_typography_guidanceB | Returns font hierarchy scales, font pairings, and readability best practices. |
| get_section_guidanceC | Returns specific structure and design advice for common page sections (hero, footer, features). |
| get_responsive_guidanceB | Returns breakpoints, mobile-first principles, and touch target rules. |
| get_accessibility_guidanceB | Returns a11y standards regarding contrast, focus states, and semantic HTML. |
| get_modern_trendsB | Returns current visual design trends and what trends to avoid. |
| get_animation_guidanceB | Returns best practices for UI animation timing, easing, and purpose. |
| get_holistic_design_reviewB | Returns a comprehensive checklist of all design categories to review a user's concept. |
Prompts
Interactive templates invoked by user choice
| Name | Description |
|---|---|
No prompts | |
Resources
Contextual data attached and managed by the client
| Name | Description |
|---|---|
No resources | |
TDQS
Scored across 12 tools
Most tools have distinct purposes targeting specific design aspects like accessibility, color, layout, and typography. However, there is some overlap between get_color_guidance and get_modern_palettes, which could cause confusion as both deal with color-related guidance, though the former is more general and the latter focuses on trending palettes.
All tool names follow a consistent verb_noun pattern using 'get_' followed by a descriptive noun phrase (e.g., get_accessibility_guidance, get_animation_guidance). This uniformity makes the tool set predictable and easy to navigate for an agent.
With 12 tools, the count is well-scoped for a design guide server, covering a comprehensive range of topics from principles to specific components. Each tool appears to serve a distinct role in the domain without being excessive or insufficient.
The tool set provides complete coverage for a page design guide, including core principles, specific elements (color, typography, components), layout patterns, responsive design, and holistic reviews. There are no obvious gaps; agents can access guidance for all major design aspects without dead ends.