UI/UX MCP Server
Server Configuration
Describes the environment variables required to run the server.
| Name | Required | Description | Default |
|---|---|---|---|
| STORYBOOK_URL | No | The URL of the running Storybook instance | http://localhost:6006 |
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 |
|---|---|
| storybook_get_storiesC | Get list of all Storybook stories |
| storybook_test_componentC | Run visual and accessibility tests on a component |
| tailwind_generate_configC | Generate Tailwind configuration from design tokens |
| tailwind_optimize_classesC | Optimize and deduplicate Tailwind classes |
| animation_create_timelineC | Create animation timeline with Framer Motion or GSAP |
| animation_previewC | Generate preview of animation sequence |
| playwright_test_uiC | Run UI tests with Playwright |
| playwright_capture_screenshotsC | Capture screenshots across browsers and viewports |
| component_createC | Create a new UI component with best practices |
| component_analyzeC | Analyze component for performance and accessibility |
| workflow_optimize_uxC | Run comprehensive UX optimization analysis |
| workflow_build_design_systemC | Generate complete design system from components |
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 clearly distinct purposes targeting different aspects of UI/UX development (animation, component work, testing, styling, workflows). However, there is some potential overlap between 'component_analyze' and 'workflow_optimize_ux' as both involve analysis/optimization, and 'playwright_test_ui' and 'storybook_test_component' both involve testing, though their specific scopes (UI vs component) help differentiate them.
The naming follows a consistent pattern of 'domain_action' or 'domain_verb_noun' (e.g., animation_create_timeline, component_analyze, storybook_get_stories). All tools use snake_case consistently. Minor deviations exist, such as 'playwright_capture_screenshots' using a verb_noun structure while others like 'tailwind_generate_config' use verb_noun, but overall it's highly readable and predictable.
With 12 tools, the count is well-scoped for a UI/UX server covering animation, component development, testing, styling, and workflows. Each tool appears to serve a distinct function within this domain, and the number is neither too sparse nor overwhelming, fitting typical expectations for a specialized server.
The tool set covers key areas of UI/UX development comprehensively, including creation, analysis, testing, and optimization. Minor gaps exist, such as no explicit tools for updating or deleting components or animations, and limited coverage of collaboration features (e.g., version control or team workflows), but agents can likely work around these with the provided tools.