UI/UX Excellence Prover Connector for AI agents.
1 live capability
Enforce high-fidelity design standards and accessibility on your AI-generated interfaces.
Waiting for input…
Why people use UI/UX Excellence Prover
UI/UX Excellence Prover: Ending the Era of Lifeless AI Interfaces
With the UI/UX Excellence Prover, your agent starts thinking like a senior designer. It checks for spatial hierarchy, motion tokens, and 8-state microinteractions before you ever see the final code. You get a polished, production-ready interface that feels premium because it follows the rules of high-end design.
What Vinkius changes
You get production-ready UI specifications instead of generic, lifeless prototypes.
Use it from Claude, ChatGPT, Cursor or another AI client you already have.
One account · 5,900+ Connectors
- Real-world use case 01
Building a dashboard
A designer asks the agent to build a KPI dashboard.
- Real-world use case 02
Mobile app navigation
A developer wants a sidebar.
- Real-world use case 03
Accessibility audit
A product manager wants to ensure a new form is accessible.
Complete set · 1capability
The complete UI/UX Excellence Prover capability set.
These are the exact actions your AI can choose when you ask it to work with UI/UX Excellence Prover.
01
1 capability in this set.
Part of 1 available through UI/UX Excellence Prover.
- 01 Capability
Validate uiux excellence
Runs a full audit on an interface to check spatial hierarchy, motion, rhythm, and accessibility. It returns specific verdicts on design flaws like flat decoration or dark patterns.
Set up in minutes
One URL. Then ask UI/UX Excellence Prover to work.
Claude and ChatGPT only need the Connector URL. Copy it once, add it in settings, and use UI/UX Excellence Prover from the conversation.
Choose your client
Live previewAdvanced clients IDE · CLI
Claude · Web + desktop
Connector URL · ready to paste
Streamable HTTPhttps://edge.vinkius.com/vk_preview_FQpw75jfl2IVRYLjTKN4BE0xRDUemcd0LH04PmBp/mcp - Step 01
Open Connectors
In Claude Web or Claude Desktop, open Settings and choose Connectors.
- Step 02
Add the URL
Choose Add custom connector, name it UI/UX Excellence Prover, and paste the URL above.
- Step 03
Turn it on in chat
Select +, open Connectors, and enable UI/UX Excellence Prover for the conversation.
ChatGPT · Web + desktop
Connector URL · ready to paste
Streamable HTTPhttps://edge.vinkius.com/vk_preview_FQpw75jfl2IVRYLjTKN4BE0xRDUemcd0LH04PmBp/mcp - Step 01
Open MCP settings
On desktop, open Settings and MCP servers. On web, open your workspace app or connector settings.
- Step 02
Add the URL
Choose Add server with Streamable HTTP, or create a custom MCP app, then paste the UI/UX Excellence Prover URL.
- Step 03
Save and start
Save the connection and enable UI/UX Excellence Prover in your conversation. Desktop may ask you to restart once.
Cursor · IDE configuration
Advanced setup
{
"mcpServers": {
"uiux-excellence-prover": {
"url": "https://edge.vinkius.com/vk_preview_FQpw75jfl2IVRYLjTKN4BE0xRDUemcd0LH04PmBp/mcp"
}
}
} - Step 01
Open MCP Settings
Press Cmd+Shift+P (macOS) or Ctrl+Shift+P (Windows/Linux) → search "MCP Settings"
- Step 02
Add the server config
Paste the JSON configuration above into the mcp.json file that opens
- Step 03
Save the file
Cursor will automatically detect the new Connector
- Step 04
Start using UI/UX Excellence Prover
Open Agent mode in chat and ask: "Using UI/UX Excellence Prover, help me...". 1 tools available
VS Code Copilot · IDE configuration
Advanced setup
{
"mcpServers": {
"uiux-excellence-prover": {
"url": "https://edge.vinkius.com/vk_preview_FQpw75jfl2IVRYLjTKN4BE0xRDUemcd0LH04PmBp/mcp"
}
}
} - Step 01
Create MCP config
Create a .vscode/mcp.json file in your project root
- Step 02
Add the server config
Paste the JSON configuration above
- Step 03
Enable Agent mode
Open GitHub Copilot Chat and switch to Agent mode using the dropdown
- Step 04
Start using UI/UX Excellence Prover
Ask Copilot: "Using UI/UX Excellence Prover, help me...". 1 tools available
Windsurf · IDE configuration
Advanced setup
{
"mcpServers": {
"uiux-excellence-prover": {
"url": "https://edge.vinkius.com/vk_preview_FQpw75jfl2IVRYLjTKN4BE0xRDUemcd0LH04PmBp/mcp"
}
}
} - Step 01
Open MCP Settings
Go to Settings → MCP Configuration or press Cmd+Shift+P and search "MCP"
- Step 02
Add the server
Paste the JSON configuration above into mcp_config.json
- Step 03
Save and reload
Windsurf will detect the new server automatically
- Step 04
Start using UI/UX Excellence Prover
Open Cascade and ask: "Using UI/UX Excellence Prover, help me...". 1 tools available
Cline · IDE configuration
Advanced setup
{
"mcpServers": {
"uiux-excellence-prover": {
"url": "https://edge.vinkius.com/vk_preview_FQpw75jfl2IVRYLjTKN4BE0xRDUemcd0LH04PmBp/mcp"
}
}
} - Step 01
Open Cline MCP Settings
Click the Connectors icon in the Cline sidebar panel
- Step 02
Add remote server
Click "Add Connector" and paste the configuration above
- Step 03
Enable the server
Toggle the server switch to ON
- Step 04
Start using UI/UX Excellence Prover
Ask Cline: "Using UI/UX Excellence Prover, help me...". 1 tools available
Claude Code · Terminal command
Advanced setup
claude mcp add uiux-excellence-prover --transport http "https://edge.vinkius.com/vk_preview_FQpw75jfl2IVRYLjTKN4BE0xRDUemcd0LH04PmBp/mcp" - Step 01
Install Claude Code
Run npm install -g @anthropic-ai/claude-code if not already installed
- Step 02
Add the Connector
Run the command above in your terminal
- Step 03
Verify the connection
Run claude mcp to list connected servers, or type /mcp inside a session
- Step 04
Start using UI/UX Excellence Prover
Ask Claude: "Using UI/UX Excellence Prover, show me...". 1 tools are ready
Where the request belongs
Work UI/UX Excellence Prover can move forward.
This is for the UI designer who’s tired of cleaning up "okay" AI code, the front-end dev who wants to follow a design system without manual checking, and the product manager who needs to ensure accessibility isn't an afterthought.
UI/UX Designer
Reviews agent-generated mocks to ensure they meet spatial depth and high-end motion standards.
Front-end Developer
Uses the capability to verify that interaction states and motion tokens are correctly implemented in code.
Accessibility Specialist
Automates the verification of WCAG 2.2 AAA compliance across large-scale AI-generated interfaces.
Build the capability set
Add more capabilities.
Each Connector adds new actions and data without changing how you work.
Browse ConnectorsDesign Prover
Every AI frontend looks identical: hero, 3 cards, 3 cards, CTA, rounded-xl, shadow-lg, blue/gray/white. Design Prover forces the agent to prove its design has dramatic hierarchy, unpredictable layout, intentional whitespace, commanding typography, and color with actual personality.
MasterGo
Collaborative design platform and UI/UX capability. manage design files, nodes, and comments via AI.
Pixso
Collaborative design platform and UI/UX capability. manage design files, nodes, and teams via AI.
Tailwind Excellence Prover
AI agents build bloated styling layers containing arbitrary values, div-only layouts, inaccessible contrast, and legacy configurations. This prover enforces strict design token structures (@theme), utility-first compliance, semantic HTML, mobile-first layouts, and interactive focus states.
Lanhu
Product design collaboration platform. manage design files, handoffs, and team feedback via AI.
Storybook
Connect your AI to Storybook. Explore your design system, inspect UI components, and retrieve implementation guidance programmatically.
Bring your own AI
Change the model, client or framework. Keep UI/UX Excellence Prover connected.
-
Claude -
ChatGPT -
Gemini -
Cursor -
VS Code -
Windsurf -
ZCode -
Cline -
Zed -
Continue -
Kiro -
Roo Code -
Zencoder -
Goose -
Void -
Augment Code -
Amp -
Qodo -
Tabnine -
Pieces -
Sourcegraph Cody -
JetBrains -
Warp -
Amazon Q -
Antigravity -
BoltAI -
Raycast -
Jan -
LM Studio -
AnythingLLM -
Open WebUI -
Msty -
Cherry Studio -
LibreChat -
TypingMind -
Chorus -
5ire -
n8n -
LangChain -
LlamaIndex -
CrewAI -
Vercel AI SDK
Before you connect
Questions about UI/UX Excellence Prover.
The practical details behind the request, access and result.
What is the UI/UX Excellence Prover MCP?
It is a design audit capability that forces your AI agent to follow professional UI/UX standards, including spatial hierarchy, motion physics, and accessibility rules.
How does this help with accessibility?
It ensures your AI-generated components meet WCAG 2.2 AAA standards by checking for contrast, aria-labels, and keyboard navigation automatically.
Can it fix my button interactions?
Yes, it enforces an 8-state interaction model for every button, ensuring you have states for hover, focus, loading, success, and error.
Does it support dark mode?
It ensures dark mode is implemented via surface lightness variation rather than simple color inversion, maintaining proper spatial hierarchy.
What is a dark pattern in this context?
The Connector identifies and flags deceptive designs like pre-checked boxes, hidden costs, and forced infinite scrolls that trick users.
How does it handle motion?
It replaces generic CSS animations with spring physics and motion tokens that explain, guide, or confirm user actions at 60fps.
Does it generate UI designs or code?
No. The agent designs or codes the interface. The capability VALIDATES that it meets 2026-era standards across six pillars: spatial hierarchy, spring motion, 8-state microinteractions, 8px rhythm, WCAG 2.2 AAA neuro-inclusive accessibility, and Calm UI principles. It coaches. not generates.
Why 8 states per interactive element?
Because a button without feedback is a dead rectangle. The 8 states (idle, hover, active, focus-visible, disabled, loading, success, error) cover every moment of interaction. Each state uses spring physics for natural transitions. Without all 8, users cannot perceive affordance, progress, or outcome.
What is Calm UI and why does it matter?
Calm UI is the 2026 shift from 'time on page' to 'time well spent'. It rejects dark patterns: infinite scroll without end states, auto-play media, fake urgency, hidden opt-outs. It implements intentional friction for destructive actions, progressive disclosure, and natural stopping points. Respect > engagement.
One connection away
Give your agent a direct line to UI/UX Excellence Prover.
Connect UI/UX Excellence Prover once. Keep it beside 5,900+ managed Connectors when the next task needs more.
Explore every Connector No credit card required · Free tier available