vibecraft-mcp
Click on "Deploy Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@vibecraft-mcpAudit my React dashboard for N+1 queries and UX anti-patterns"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
π VibeCraft MCP (vibecraft-mcp)
Deterministic UI/UX Intelligence & Systems Performance Engine for AI Vibe-Coding.
VibeCraft MCP is an open-source Model Context Protocol (MCP) server that embeds real-world UI Engineering, UX Product Psychology, and Backend Performance Auditing directly into your AI coding agent sessions (Google Antigravity, Cursor, Windsurf, Claude Code).
It permanently eliminates AI Slopβgeneric, un-styled, un-accessible, N+1 query-heavy codeβby enforcing proven design principles and component engineering automatically.
β‘ Quickstart Setup
Add vibecraft-mcp to your IDE's mcp_config.json (Cursor, Antigravity, Windsurf, Claude Code):
{
"mcpServers": {
"vibecraft-mcp": {
"command": "node",
"args": [
"/path/to/vibecraft-mcp/dist/index.js"
],
"env": {
"UI_UX_MCP_API_KEY": "your_api_key_here"
}
}
}
}Related MCP server: Autonomo MCP
π The 7 Core MCP Tools
1. get_layout_blueprint
Retrieves Nielsen Norman Group (NN/g) Information Architecture macro layout scaffolds:
saas-dashboardβ Collapsible sidebar, top utility header, stat grid, filterable data table.saas-settingsβ Task-oriented vertical tabs with sticky unsaved changes bar.ai-generation-patternβ AI co-pilot streaming prompt container and action bar.destructive-confirm-patternβ Double-confirmation safety dialog with undo ledges.
2. get_ux_guidelines
Queries embedded design principles & product psychology rules:
Frank Chimero's TSOD: 3 Levers (Message, Tone, Format), How vs Why Balance.
Nir Eyal's Hook Model: Habit loops ($B=MAT$ action friction reduction, variable rewards, investment).
Interaction Design Foundation (IxDF): Morville 7 Factors Honeycomb, Quesenberry 5 Cs.
Laws of UX & Growth.design: Hick's Law, Fitts's Law (44px touch targets), Doherty Threshold (<400ms skeleton UI).
3. audit_ux_compliance
Audits React & Tailwind code for UX anti-patterns:
Competing primary CTA buttons (
bg-primaryon 3+ adjacent controls).Hardcoded hex colors (
bg-[#121212]) missing HSL semantic design tokens.Touch targets smaller than 44x44px.
Icon-only buttons lacking
aria-label.
4. audit_system_performance
Audits backend code and database queries:
N+1 DB Query Elimination: Refactors loop queries to ORM
include/JOIN FETCH.Sequential Promise Waterfalls: Parallelizes independent calls with
Promise.all().Transaction Safety: Wraps multi-step mutations in
db.$transaction()with automatic rollback.OWASP IDOR Security: Validates tenant/user ownership checks (
WHERE id = params.id AND tenantId = user.tenantId).
5. search_ui_components
Searches 21st.dev and curated component registry by keyword, category, or tag (Glowing cards, Floating magnetic docks, Bento grids).
6. get_component_code
Retrieves copy-paste ready React + Tailwind CSS + Framer Motion code with shadcn CLI install commands. Supports live HTTP fallback fetching.
7. get_design_tokens
Provides ready-to-copy globals.css light & dark mode HSL CSS variables, typography scales, spatial grid, icon stroke rules, and spring animation parameters.
π Embedded Design & Engineering Frameworks
Framework | Core Concept | Purpose in Vibe-Coding |
Frank Chimero's TSOD | 3 Levers (Message, Tone, Format) | Ensures design choices match user context & utility. |
Nir Eyal's Hook Model | Trigger $\rightarrow$ Action $\rightarrow$ Reward $\rightarrow$ Investment | Builds habit-forming SaaS features and delight loops. |
Nielsen Norman Group | Information Architecture (IA) | Prevents broken, chaotic SaaS page layouts. |
Apple HIG & WCAG AAA | Touch targets & Access | Mandates 44x44px touch targets and screen-reader accessibility. |
transitions.dev | Shared Element Motion | Physics spring timing ( |
21st.dev & shadcn | Component Registry | Production-grade UI code primitives. |
π€ Author & Contribution
Developed by Satyam (@satyamuiux-byte).
Contributions, issues, and feature requests are welcome!
git clone https://github.com/satyamuiux-byte/vibecraft-mcp.git
cd vibecraft-mcp
npm install
npm run buildπ License
MIT Β© satyamuiux-byte
Available Tools
7 toolsaudit_system_performanceA
Audits backend API code, database queries, network waterfalls, and frontend rendering for performance bottlenecks, N+1 queries, un-transactional mutations, IDOR security issues, and slow OFFSET pagination.
| Name | Required | Description | Default |
|---|---|---|---|
| scope | No | Optional optimization scope | |
| codeOrQuery | Yes | Backend controller, database query, network call, or React component snippet to audit |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
With no annotations, the description carries the transparency burden. It does disclose exactly what it examines and which issue classes it detects, implying a read-only analysis, but it never explicitly states that the snippet is not modified, that no external systems are touched, or what the result looks like.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
A single dense sentence front-loads the action, resource, and scope, then enumerates the detected issue types. No filler.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
For a two-parameter audit tool with a fully described schema, the description supplies all selection-relevant detail: resource domains, optional scope, and target issues. The only minor gap is no explicit mention of the return/report format, but this is not needed to invoke it correctly.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
Schema coverage is 100%, so the baseline is 3. The description reinforces what codeOrQuery may contain and adds the issue-detection context, but it doesn't provide syntax/format details beyond the schema.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
Opens with the strong verb 'Audits' and names four concrete resource classes (backend API code, database queries, network waterfalls, frontend rendering), followed by a specific list of issue types it hunts for. This clearly differentiates it from sibling audit_ux_compliance, which targets UX rather than performance/security.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
The description establishes clear context: supply backend/database/network/frontend snippets to get a performance/security audit. It doesn't explicitly name alternatives or when not to use it, but the domain is unambiguous.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
audit_ux_complianceB
Audits UI code or prompt specs against AI-slop prevention matrix, competing primary CTAs, TSOD levers, Design System 13-state matrix, Laws of UX, Apple HIG, Hook Model habit loops, IxDF principles, hardcoded hex colors, and icon accessibility.
| Name | Required | Description | Default |
|---|---|---|---|
| codeOrPrompt | Yes | React/Tailwind snippet or prompt specification to audit | |
| componentType | No | Optional component category e.g. 'modal', 'card', 'form' |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
With no annotations provided, the description carries the full burden of behavioral disclosure. It lists what criteria are audited but says nothing about the output format (e.g., report, pass/fail), whether it is read-only, side effects on input data, or any permissions required. For an audit tool, this is a significant gap.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
The description is a single sentence that front-loads the verb 'Audits' and the target, then lists the many compliance criteria. It is efficient and not redundant, though the lengthy enumeration could be structured as a bullet list for readability. It earns a 4 for being focused and free of fluff.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
Given the tool's complexity (many criteria) and lack of an output schema, the description fails to explain what the audit produces (e.g., a report, a score) or how the optional componentType parameter influences the audit. An agent cannot predict the return value or side effects, making the definition incomplete for practical use.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
Schema description coverage is 100% β both parameters have clear descriptions in the input schema. The description itself does not add additional meaning beyond what the schema states; it merely lists audit dimensions. Baseline 3 is appropriate because the schema already documents the parameters adequately.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description clearly states a specific verb ('Audits') and resource ('UI code or prompt specs') and enumerates the exact compliance frameworks it checks against. It is instantly distinguishable from the sibling audit_system_performance (performance vs UX) and get_ux_guidelines (retrieval vs audit). No ambiguity in what this tool does.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
The description implies when to use this tool (when you need a UX compliance audit), but it does not explicitly contrast with alternatives like get_ux_guidelines or audit_system_performance. There is no mention of when not to use it or how it differs from sibling tools, leaving the agent to infer based solely on the name and wording.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
get_component_codeA
Retrieves complete React, Tailwind, Framer Motion source code, demo, and dependencies for a component. Supports fallback live fetching.
| Name | Required | Description | Default |
|---|---|---|---|
| slug | Yes | Unique component slug e.g. 'glowing-card', 'floating-dock', 'bento-grid-3x3' | |
| registryUrl | No | Optional 21st.dev registry URL to fetch live if not found offline |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
With no annotations, the description carries the full burden of behavioral disclosure. It states that the tool retrieves multiple artifact types and supports fallback live fetching, which conveys a read-only, network-capable operation. It does not detail error behavior, but for a simple retrieval tool the core behavior is transparent enough.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
Two concise sentences front-load the core purpose and add the fallback behavior without any filler. Every clause contributes useful information.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
For a two-parameter retrieval tool with no output schema, the description sufficiently explains what will be returned and the fallback mechanism. It lacks only minor details like error behavior or exact response structure, but the essential calling context is covered.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
Schema coverage is 100%, so the schema already documents both slug and registryUrl. The description adds minimal parameter-level meaning beyond noting fallback live fetching, which aligns with the registryUrl schema description. Baseline 3 is appropriate because the description does not need to compensate.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description names a specific verb ('Retrieves') and a concrete resource ('complete React, Tailwind, Framer Motion source code, demo, and dependencies for a component'). This clearly distinguishes it from sibling tools like search_ui_components, which search rather than retrieve code.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
The description implies the tool is used when you need source code for a specific component, but it gives no explicit when-to-use or when-not-to-use guidance, nor does it mention alternatives such as search_ui_components for discovering a slug. Usage context is implied rather than stated.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
get_design_tokensA
Provides HSL CSS color variables, globals.css setup, typography scales, spatial grid, icon stroke rules, shadows, and spring animation parameters.
| Name | Required | Description | Default |
|---|---|---|---|
| category | No | Token group category |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
No annotations are provided, so the description must carry the behavioral disclosure burden. It implies a read operation via 'Provides' and the 'get' verb, but does not explicitly state that it is read-only, idempotent, or free of side effects. For a simple getter this is adequate, but it lacks explicit safety guarantees.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
The description is a single, efficient sentence that front-loads the core purpose and lists all relevant categories. There is no fluff or redundancy, though it is slightly list-heavy.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
For a simple get tool with one enum parameter and no output schema, the description covers the main token categories adequately. It does not provide examples or format details, but those are not strictly necessary given the tool's simplicity and the schema's completeness.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
The input schema fully documents the single 'category' parameter with an enum and description, achieving 100% schema description coverage. The tool description adds no additional semantic detail beyond listing the categories, so the baseline score of 3 applies.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description specifies the exact resources: HSL CSS color variables, globals.css setup, typography scales, spatial grid, icon stroke rules, shadows, and spring animation parameters. This clearly differentiates it from sibling tools like get_layout_blueprint and get_ux_guidelines, which likely focus on other aspects of the design system.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
The description does not provide any guidance on when to use this tool versus alternatives. It only lists what it provides, leaving the agent to infer the appropriate context. No exclusions or conditions are mentioned.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
get_layout_blueprintA
Retrieves Nielsen Norman Group (NN/g) Information Architecture (IA) macro page layout scaffolds and Design System Task Patterns (AI Co-pilot generation, Destructive actions, SaaS Dashboards, Settings, Onboarding, Pricing).
| Name | Required | Description | Default |
|---|---|---|---|
| id | No | Blueprint ID e.g. 'saas-dashboard', 'saas-settings', 'ai-generation-pattern', 'destructive-confirm-pattern' | |
| type | No | Filter layout type |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
No annotations are provided, so the description carries the behavioral disclosure burden. 'Retrieves' does establish a read-only operation and the content categories are explicit, but the description nothing about behavior when parameters are omitted or how optional parameters interact, and it does not mention error or fallback behavior.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
A single dense sentence front-loads the verb and primary resource, with the remaining space devoted to useful examples. There is no filler or redundant phrasing.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
For a simple 2-parameter retrieval tool the description is mostly adequate, but it does not disclose the default behavior when no `id` or `type` is provided, and the distinction between returning one blueprint vs a filtered list is unclear. With no output schema and no annotations, that is a meaningful ambiguity.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
Schema coverage is 100%, so the baseline is 3. The description adds value by distinguishing the two retrievable resource types β macro layout scaffolds vs task patterns β which isn't fully spelled out in the schema's enum alone. The parenthetical examples reinforce the categories an agent can expect to find.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description opens with a specific verb ('Retrieves') and clearly names the resources: NN/g IA macro page layout scaffolds and Design System Task Patterns. The listed example patterns (AI Co-pilot generation, Destructive actions, SaaS Dashboards, Settings, Onboarding, Pricing) make the tool's scope concrete and distinguish it from siblings like get_ux_guidelines, get_component_code, or get_design_tokens.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
The description provides no guidance about when to use this tool versus alternatives. It does not name any sibling tools or exclude situations, so an agent must infer the usage context from the content list alone.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
get_ux_guidelinesC
Queries UX Intelligence Rules: AI-Slop Prevention Matrix, Source of Truth Hierarchy, Frank Chimero's TSOD 3 Levers, Design System 13-State Matrix, Apple HIG, Laws of UX, Nir Eyal's Hook Model, IxDF Foundations, NN/g IA, and transitions.dev rules.
| Name | Required | Description | Default |
|---|---|---|---|
| topic | No | Search query e.g. 'slop', 'hierarchy', 'state', 'levers', 'why', 'hook', 'ia', 'honeycomb' | |
| category | No | Filter by UX framework category |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
With no annotations present, the description carries the burden of disclosing behavior, but only states that the tool 'queries' rules; it does not say whether results are exhaustive, how multiple frameworks are combined, or what output is returned. There is no warning about side effects, permissions, or limits.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
The core purpose is front-loaded in a single sentence, with the framework list at the end. It is slightly long due to the enumeration, but each listed framework is useful search context, and there is no redundant fluff.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
The schema fully covers the two optional inputs, and the description names the knowledge base being queried, so calling the tool is straightforward. However, there is no output schema and the description never explains return shape or empty-result behavior, leaving an agent to guess at the response for a multi-framework query.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
Both parameters are already documented in the schema with descriptions and examples, so schema coverage is 100%. The description itself adds no extra meaning about topic or category beyond the schema, so the baseline score of 3 applies.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description opens with a specific verb ('Queries') and a resource ('UX Intelligence Rules'), then enumerates the covered frameworks, so an agent can tell this is a lookup/retrieval tool. It does not explicitly contrast with siblings, but the named scope is enough to distinguish it from audit_ux_compliance and search_ui_components.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
The description gives no explicit when-to-use or when-not-to-use guidance, and never mentions alternatives or conditions for choosing get_ux_guidelines over audit_ux_compliance or search_ui_components. An agent must infer appropriate usage from the name and schema alone.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
search_ui_componentsB
Searches 21st.dev & curated high-craft UI component registry by keyword, category, or tag.
| Name | Required | Description | Default |
|---|---|---|---|
| tag | No | Specific tag e.g. 'glassmorphism', 'apple-hig', 'framer-motion' | |
| query | No | Search term e.g. 'glowing', 'dock', 'bento' | |
| category | No |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
The wording 'Searches' indicates a non-mutating operation, and naming the registry gives useful context beyond the schema. However, with no annotations and no output schema, it does not disclose how results are returned, whether multiple filters combine, or any service limitations.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
A single, front-loaded sentence states the operation, resource, and search criteria without redundancy. Every clause contributes meaning, and there is no filler.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
For a simple search tool with three optional parameters, the description covers the core purpose and source. It falls short by not explaining result behavior, parameter combination logic, or how this step relates to subsequent tool calls like get_component_code.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
Schema coverage is 67%, with tag and query having examples and category only having an enum. The description adds mild value by grouping all three fields as search dimensions, but it does not clarify whether parameters are mutually exclusive or combinable, nor does it describe category semantics.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description uses a specific verb ('Searches'), names the resource ('21st.dev & curated high-craft UI component registry'), and lists the three search dimensions: keyword, category, or tag. It is clear and scoped, though it does not explicitly contrast itself with siblings like get_component_code.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
No guidance is given about when to choose this tool over alternatives, such as get_component_code for fetching a specific component's implementation. The description implies general search usage but does not state prerequisites, exclusions, or preferred sibling routing.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
Tool Schema Changelog
Recent tool additions, removals, and schema changes observed during successful MCP inspections.
7 tool updates
v1.8.0- First observed
audit_system_performance - First observed
audit_ux_compliance - First observed
get_component_code - First observed
get_design_tokens - First observed
get_layout_blueprint - First observed
get_ux_guidelines - First observed
search_ui_components
TDQS
Scored across 7 tools
Tools are mostly distinct: audits target performance vs UX compliance, and get_component_code/search_ui_components form a clear pair. The only real ambiguity is between get_layout_blueprint and get_ux_guidelines, since both reference NN/g IA and design guidance.
All seven tools follow the same lowercase snake_case verb_noun convention: audit_, get_, search_. No mixed styles or vague generic verbs.
Seven tools is well-scoped for a design/UX assistant: guidance retrieval, component discovery/code retrieval, token retrieval, and two complementary audit paths. Each tool has a clear role.
The set covers the core workflow of a design-system copilot: retrieve guidelines/layouts/tokens, find and fetch components, and audit both UX compliance and system performance. No obvious dead ends or missing lifecycle steps for this domain.
Maintenance
Related MCP Connectors
Live React design-system APIs, patterns, and code validation so AI agents build real UI, not slop.
Lints + auto-fixes how AI coding agents discover any new product. 24 rules, 6 tools, score 0-100.
Pre-execution governance for AI agents. Deterministic PASS/FAIL/REVIEW verdicts, replayable proof.
Code intelligence platform for AI agents. 20 tools for architecture, security & impact analysis.
Related MCP Servers
- AlicenseAqualityCmaintenanceProvides conversational, actionable accessibility testing for AI agents, including auditing, prioritization, and code-level fixes.227 npmMIT
- FlicenseNot gradedqualityCmaintenanceGives AI coding assistants live, structured access to running apps' state and UI elements, enabling real-time verification and interaction across web, mobile, and desktop.36-
- AlicenseNot gradedqualityAmaintenanceEnables AI agents to score live URLs against a 40-check design contract, validate DTCG tokens and Lottie animations, audit accessibility, and retrieve design-system contracts, catalogs, and review rubrics.4 npmMIT
- AlicenseNot gradedqualityBmaintenanceDeterministic AI code review with audit records, providing stack-specific rulesets and governance for coding agents.1MIT