viewgate-mcp 1.0.55 → 1.0.57
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +4 -3
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -234,7 +234,7 @@ function createMcpServer(apiKey, personalKey) {
|
|
|
234
234
|
},
|
|
235
235
|
{
|
|
236
236
|
name: "generate_ui_components",
|
|
237
|
-
description: "Fetch pending UI component specs
|
|
237
|
+
description: "Fetch pending UI component specs. Returns instructions for you (the LLM) to: 1) implement the functional component and SAVE IT LOCALLY in the workspace (src/components/), and 2) upload the preview via mark_ui_component_generated.",
|
|
238
238
|
inputSchema: {
|
|
239
239
|
type: "object",
|
|
240
240
|
properties: {
|
|
@@ -504,10 +504,11 @@ function createMcpServer(apiKey, personalKey) {
|
|
|
504
504
|
mustSupportRequiredProps: true,
|
|
505
505
|
mustSupportCommonProps: true,
|
|
506
506
|
avoidBreakingChanges: true,
|
|
507
|
-
|
|
507
|
+
convertToStylingTechnology: `You MUST translate the provided Figma HTML/CSS into the required stylingTechnology (${styleHandler}). Do not use raw CSS if Tailwind or another handler is specified.`,
|
|
508
508
|
mustBeGeneric: true,
|
|
509
509
|
mustBeProductionReady: true,
|
|
510
510
|
mustUseFramerMotionForAnimations: true,
|
|
511
|
+
themingIsMandatory: true,
|
|
511
512
|
stylingHandlerIsStrict: true
|
|
512
513
|
}
|
|
513
514
|
};
|
|
@@ -528,7 +529,7 @@ function createMcpServer(apiKey, personalKey) {
|
|
|
528
529
|
ok: true,
|
|
529
530
|
generated: 0,
|
|
530
531
|
styleHandler,
|
|
531
|
-
instruction: `IMPORTANTE:
|
|
532
|
+
instruction: `IMPORTANTE: Esta tool te entrega las especificaciones. TÚ (EL LLM) DEBES: 1) Escribir el archivo físico del componente en el workspace local del proyecto (ej: src/components/[Name].jsx) usando tus tools de escritura/multi_replace. 2) Registrar la preview usando 'mark_ui_component_generated'. OBLIGATORIO: usar ${styleLabel} para los estilos. DEBES respetar estrictamente las themingTokens: NUNCA uses colores hardcodeados (#HEX o rgba), debes usar SIEMPRE la prop theme o su fallback var(--vg-*). No uses cssContent directamente si styleHandler indica otra tecnología.`,
|
|
532
533
|
results
|
|
533
534
|
}, null, 2)
|
|
534
535
|
}]
|
package/package.json
CHANGED