producer-cue
OfficialClick 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., "@producer-cuegenerate an accessible modal dialog component and export it as React"
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.
๐ฌ Producer Cue
Autonomous AI Design & Development Engine (Model Context Protocol Server)
Developed by Project Cues, Inc. (projectcues.com)
๐ Live MCP Endpoint: https://mcp.producercue.com
Producer Cue is an enterprise-grade AI design and development engine exposed as a Model Context Protocol (MCP) server. It allows AI coding assistants (Cursor, Claude Desktop, Antigravity, ChatGPT) to design, synthesize, heal, and export production-ready, accessible web applications and design systems in real time with zero build overhead.
๐ Cloud Endpoints (https://mcp.producercue.com)
Producer Cue is deployed live with high-availability edge routing:
Interactive Web Dashboard:
https://mcp.producercue.com/MCP Server-Sent Events (SSE):
https://mcp.producercue.com/sseMCP SSE Message Receiver:
https://mcp.producercue.com/messagesStreamable HTTP Endpoint:
https://mcp.producercue.com/mcpDirect JSON-RPC Endpoint:
https://mcp.producercue.com/rpcHealth Check:
https://mcp.producercue.com/healthTool Schemas (REST):
https://mcp.producercue.com/tools
Related MCP server: @forgespace/ui-mcp
โก Key Capabilities
0ms Build Overhead: Generates declarative reactive ASTs mounted directly into the DOM via signal reactivity without heavy Webpack/Vite bundlers.
Compact Semantic DSL: Reduces context window token consumption by 42%โ75%, eliminating hallucinations and syntax errors.
Self-Healing Design Engine: Mathematically shifts foreground color luminance to achieve guaranteed WCAG AA (โฅ 4.5:1) contrast and auto-remediates missing ARIA labels.
Universal Framework Codegen: 1-click export to React + Tailwind (TSX), Svelte 5 (Runes), Vue 3 (
<script setup>), or standalone Custom Web Elements (<nc-*>).Headless Accessible Primitives: Built-in WAI-ARIA components:
ModalDialog,Accordion,Toast Notification Queue,Combobox / Autocomplete,Tabs,Button,Card, andInput.Figma & Tokens Studio Sync: Two-way design token import/export conforming to the W3C Design Tokens Community Group (DTCG) specification.
๐ ๏ธ MCP Installation & Setup
1. Cloud MCP (SSE) โ Claude Desktop
Add to your claude_desktop_config.json:
{
"mcpServers": {
"producer-cue": {
"url": "https://mcp.producercue.com/sse"
}
}
}2. Cloud MCP (SSE) โ Cursor IDE
Open Cursor Settings โ Features โ MCP Servers โ Add New MCP Server:
Name:
producer-cueType:
sseURL:
https://mcp.producercue.com/sse
3. Local CLI / Stdio
Run locally without cloud connectivity:
npx @projectcues/producer-cueOr configure locally in Claude Desktop:
{
"mcpServers": {
"producer-cue": {
"command": "npx",
"args": ["-y", "@projectcues/producer-cue"]
}
}
}๐งฐ Available MCP Tools
Tool Name | Description |
| Generates an accessible, WCAG AA-compliant design system theme with 10-step tonal palettes (50โ900). |
| Compiles a high-density Compact Component specification into a full, reactive component AST. |
| Applies surgical diff patches ( |
| Audits a component for accessibility/contrast errors and automatically self-heals any failures. |
| Exports the component into idiomatic React, Svelte 5, Vue 3, or Custom Web Elements. |
| Retrieves accessible headless primitives ( |
| Imports or exports Tokens Studio (Figma) design token trees. |
๐งช Testing the Server
Run the automated test suite covering both stdio and HTTP/SSE transports:
node --test test/mcp.test.js๐๏ธ Corporate Identity
Producer Cue is designed and maintained by Project Cues, Inc. (CAGE 9YWL9, UEI LPSKXU1KEJY8).
For enterprise licensing, integrations, or federal deployments, contact government@projectcues.com or visit projectcues.com.
๐ License
Apache License 2.0.
Available Tools
7 toolsproducer_audit_and_healA
Audits a component for accessibility and structural issues, and automatically self-heals any contrast or ARIA failures.
| Name | Required | Description | Default |
|---|---|---|---|
| component | Yes | The component AST to audit and heal |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
With no annotations, the description carries the behavioral burden. It does disclose an important trait: the tool does not just audit, it automatically self-heals contrast and ARIA failures. But it leaves unclear what changes are made, whether the input AST is mutated in place, whether the operation is reversible, and what happens when no failures are found.
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?
One compact sentence delivers the core action, the target resource, the issue categories, and the healing behavior. There is no filler or repetition of schema details.
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 input side is well covered because the only parameter is fully documented in the schema. However, with no annotations and no output schema, the description omits what the tool returns and what exactly 'self-heal' modifies, which are meaningful gaps for an agent deciding whether the call succeeded or what side effects occurred.
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 single parameter is fully described in the schema as 'The component AST to audit and heal,' and the tool description does not add meaning beyond that. With 100% schema coverage, the baseline 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 names a specific verb (audits) and resource (component), and specifies the scope: accessibility and structural issues, plus automatic healing of contrast or ARIA failures. This clearly separates it from sibling tools like generate, mutate, export, and figma_sync.
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 purpose strongly implies when to use it: after producing or receiving a component that needs accessibility/structural verification and repair. However, it does not explicitly state when not to use it or name alternatives, so guidance is implied rather than explicit.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
producer_export_codeA
Exports a component to idiomatic React + Tailwind, Svelte 5 (Runes), Vue 3, or standalone Custom Web Element.
| Name | Required | Description | Default |
|---|---|---|---|
| target | Yes | Export framework | |
| component | Yes | The component AST |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
No annotations are provided, so the description carries the full burden of explaining behavior. It does not state whether the export is a pure read/conversion that returns code, whether it writes files, or whether it modifies the component AST. This is a meaningful gap for an agent choosing and invoking the tool.
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 action and scope without filler. Every part earns its place, and the most decision-relevant information appears immediately.
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?
With no output schema and no annotations, the description should explain what the tool returns or produces. It does not. It also says little about the component AST structure beyond what the schema already states. This leaves the agent uncertain about the expected result of invoking the tool.
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 schema already documents both parameters with 100% coverage, so the baseline is 3. The description adds useful semantic detail beyond the schema by specifying 'idiomatic', 'React + Tailwind', 'Svelte 5 (Runes)', 'Vue 3', and 'standalone Custom Web Element', which clarifies what each target enum value practically maps to.
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 and resource: 'Exports a component' to a defined set of output targets. It clearly distinguishes this from sibling tools like producer_generate_component or producer_mutate_component by focusing on export/conversion rather than generation or mutation.
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 intended use is implied: use this when you need to convert a component AST into framework-specific code. However, the description gives no explicit guidance on when not to use it or how it relates to alternatives such as producer_generate_component or producer_mutate_component.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
producer_figma_syncA
Imports or exports Tokens Studio / Figma design token trees.
| Name | Required | Description | Default |
|---|---|---|---|
| action | Yes | Import or export action | |
| tokens | Yes | Tokens Studio JSON or Theme object |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
No annotations are provided, so the description carries the full burden of disclosing behavior. It only restates the import/export direction and gives no information about side effects, overwrite behavior, authentication needs, or whether the operation is a read or write.
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 with no filler. It communicates the core purpose immediately and every word earns its place.
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?
Adequate for a two-parameter tool with a fully documented schema, but with no annotations and no output schema, it omits behavioral and return-value details an agent might need to fully understand the consequences of a sync operation.
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%, and the schema already documents the 'action' enum and 'tokens' object. The description adds no additional parameter-level meaning, but the schema fully covers the parameters.
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?
States a specific verb ('Imports or exports') and resource ('Tokens Studio / Figma design token trees'), making the tool's role unambiguous and distinct from the sibling generate, mutate, and export tools.
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 clear context for when to use the tool: synchronizing Tokens Studio/Figma design token trees. However, it does not explicitly name sibling alternatives or state when not to use them.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
producer_generate_componentA
Expands a high-density Compact Component specification into a full, standards-compliant Component AST.
| Name | Required | Description | Default |
|---|---|---|---|
| compactSpec | Yes | Compact component object adhering to Producer Cue DSL |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
No annotations are provided, so the description carries the full behavioral burden. It communicates a transformation but does not disclose whether the operation is read-only, whether it validates the input DSL, what happens on invalid input, or whether there are side effects like persisting or overwriting data.
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, well-structured sentence with no filler. The action and object are front-loaded, and every word contributes to explaining the input and output.
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 description covers the high-level input and output, but it does not explain how to construct a valid compactSpec in Producer Cue DSL, what the AST structure looks like, or what errors or side effects to expect. For a one-parameter tool with no annotations and no output schema, this is just barely adequate.
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% and the compactSpec parameter already references Producer Cue DSL, so the baseline is 3. The tool description adds the 'high-density' qualifier and the AST output context, but no extra syntax, subfield requirements, or examples 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?
The description uses a specific verb, 'Expands', with a specific resource, 'Compact Component specification', and names the concrete output: 'full, standards-compliant Component AST.' This clearly differentiates it from siblings like producer_generate_theme or producer_mutate_component.
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 input trigger is implied: use this tool when you have a Compact Component specification that needs expansion into a full AST. However, it never explicitly states when not to use it or compares against alternative tools, so the agent must infer routing from the description alone.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
producer_generate_themeA
Generates an accessible, WCAG AA-compliant design system theme with 10-step tonal palettes.
| Name | Required | Description | Default |
|---|---|---|---|
| name | Yes | Name of the theme | |
| scheme | No | Color scheme mode | |
| neutralSeed | No | Neutral gray/slate hex color | |
| primarySeed | Yes | Primary brand hex color (e.g. #3B82F6) |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
No annotations are provided, so the description carries the burden of behavioral disclosure. It does disclose a key behavioral trait: the output is WCAG AA-compliant and includes 10-step tonal palettes, which implies the tool performs color computation and contrast checking. However, it doesn't disclose whether the tool validates inputs, what happens on failure, whether it mutates any state, or whether it is idempotent. For a generation tool, this is adequate but not rich.
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, well-structured sentence that front-loads the core purpose (generates an accessible theme) and includes the key differentiator (WCAG AA, 10-step palettes). Every word earns its place, and there is no redundancy or 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 generation tool with 4 parameters and no output schema, the description is reasonably complete: it states the output type and key quality attributes. However, it doesn't mention what the generated theme contains beyond palettes (e.g., typography, spacing, component tokens), nor does it explain the relationship between the seeds and the output. An agent might not know what to expect in the return value, but the core 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 description coverage is 100%, so the schema already documents all four parameters. The description adds the context that the primarySeed is a brand hex color and that the output is a 10-step palette, which helps understand how the seed is used. However, it doesn't add details about the scheme parameter's effect or the neutralSeed's role beyond what the schema says. Baseline 3 is appropriate.
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 the tool's function: generating an accessible, WCAG AA-compliant design system theme with 10-step tonal palettes. It specifies the verb (generates), the resource (design system theme), and a key differentiator (accessibility compliance, 10-step palettes). It doesn't explicitly distinguish it from siblings, but the resource and output are distinct enough from component generation, mutation, auditing, export, primitives, and Figma sync.
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 for creating themes, but it doesn't explicitly state when to use it versus alternatives like producer_generate_component or producer_get_primitive. There is no mention of when not to use it or what prerequisites exist (e.g., needing a seed color). The context is clear enough for a straightforward generation task, but no explicit routing guidance is provided.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
producer_get_primitiveA
Retrieves a production-ready, accessible headless UI primitive (button, card, dialog, tabs, accordion, toast, combobox).
| Name | Required | Description | Default |
|---|---|---|---|
| type | Yes | Type of primitive to retrieve |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
With no annotations, the description carries the full burden. It discloses that the primitive is headless, accessible, and production-ready, which adds value. However, it does not describe what the tool returns (e.g., code, component object) or any side effects, leaving behavioral transparency incomplete for a getter operation.
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 concise sentence that front-loads the core action and resource, then lists the accepted types in parentheses. Every word contributes to clarity, with no redundancy or 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 simple tool with one enum parameter and no output schema, the description is mostly complete but omits the return format or expected output. An agent might know what to pass but not what to expect back, creating ambiguity for downstream 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 coverage is 100% with the single 'type' parameter fully enumerated. The description adds no additional parameter details beyond the schema's enum and description, so it meets the baseline without enhancing understanding.
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 the tool retrieves a 'production-ready, accessible headless UI primitive' and lists the specific types. The verb 'retrieves' distinguishes it from sibling tools that generate, mutate, or audit components/themes, making the purpose unambiguous and well-differentiated.
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 usage for retrieving a primitive but does not explicitly mention when to use it versus alternatives like producer_generate_component or producer_generate_theme. No exclusions or alternative guidance is provided, so the agent must infer context from the tool name and sibling list.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
producer_mutate_componentA
Applies surgical mutations (style, text, variants, children) to an existing component without full regeneration.
| Name | Required | Description | Default |
|---|---|---|---|
| component | Yes | The component AST to patch | |
| mutations | Yes | Array of mutations (SetNodeStyle, SetNodeText, AddVariant, InsertChild, RemoveNode) |
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 indicates that the tool mutates an existing component and avoids regenerating it, but it does not explain whether changes are persisted, reversible, atomic, or what the return value is. For a mutation tool this is a meaningful 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, front-loaded sentence with no wasted words. It conveys the action, target, scope, and key differentiator in under fifteen words, which is ideal for quick agent comprehension.
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 tool has no annotations and no output schema, so the description should compensate by explaining observable behavior and expected return. It does not mention what the tool returns, whether the input component is mutated in place, or what happens on failure. Given the tool's mutating nature and nested object parameters, this is incomplete.
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%, so the input schema already documents both required parameters. The description adds a useful shorthand by listing mutation scopes ('style, text, variants, children') that map to the mutations array, but it does not add substantial semantic detail 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?
The description uses a specific verb ('Applies surgical mutations') and a clear resource ('existing component'), and explicitly contrasts itself with full regeneration, distinguishing it from sibling tools like producer_generate_component. It also lists the mutation categories, making its purpose unmistakable.
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 clearly communicates that this tool is for targeted edits to an existing component rather than full regeneration. It does not explicitly name alternatives or state when-not-to-use, but the contrast with regeneration provides sufficient contextual guidance.
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.0.0- First observed
producer_audit_and_heal - First observed
producer_export_code - First observed
producer_figma_sync - First observed
producer_generate_component - First observed
producer_generate_theme - First observed
producer_get_primitive - First observed
producer_mutate_component
TDQS
Scored across 7 tools
Each tool has a distinct purpose: theme generation, component generation/mutation, auditing/healing, export, primitive retrieval, and Figma sync. However, 'producer_generate_component' and 'producer_get_primitive' might overlap when generating primitives, though one is for full specs and the other for headless primitives.
All tools follow a consistent 'producer_verb_noun' snake_case pattern, with verbs like generate, mutate, audit, export, get, and sync. This is highly predictable and aids in tool selection.
With 7 tools, the server is well-scoped for its purpose: design system production. Each tool covers a critical step in the workflow without redundancy, fitting the ideal 3-15 range.
The core lifecycle of a component (generate, mutate, audit, export) is covered, plus theme and Figma sync. However, there is no tool for deleting components or managing component libraries, and no obvious way to list existing components or themes, which could be a gap.
Maintenance
Related MCP Connectors
Live React design-system APIs, patterns, and code validation so AI agents build real UI, not slop.
Serves your design system and coding standards to coding agents, so they stop guessing.
AI-powered design and management for Webflow Sites
Build and manage your design system with AI: tokens, themes, components, icons, Figma and code.
Related MCP Servers
- 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-

@forgespace/ui-mcpofficial
AlicenseBqualityFmaintenanceEnables AI-driven generation of UI components, full applications, and backend code across multiple frameworks (React, Vue, Angular, Svelte, HTML) with Figma integration and brand identity support.3865 npm2MIT- FlicenseNot gradedqualityDmaintenanceEnables AI assistants to search, understand, and generate code for design system components by syncing and indexing a component library.-
- FlicenseAqualityCmaintenanceEnables AI assistants to generate production-ready, professional UI design systems and components from simple descriptions, with real images, animated components, and automated quality checks.16-