viewgate-mcp 1.0.54 → 1.0.56
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 -2
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -102,6 +102,7 @@ function createMcpServer(apiKey, personalKey) {
|
|
|
102
102
|
// Implicit flow reset if we are starting a new flow with a "start tool"
|
|
103
103
|
switch (toolName) {
|
|
104
104
|
case "get_ui_components":
|
|
105
|
+
case "generate_ui_components":
|
|
105
106
|
case "mark_ui_component_generated":
|
|
106
107
|
guard.flow = "ui_components";
|
|
107
108
|
guard.step = 1;
|
|
@@ -503,10 +504,11 @@ function createMcpServer(apiKey, personalKey) {
|
|
|
503
504
|
mustSupportRequiredProps: true,
|
|
504
505
|
mustSupportCommonProps: true,
|
|
505
506
|
avoidBreakingChanges: true,
|
|
506
|
-
|
|
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.`,
|
|
507
508
|
mustBeGeneric: true,
|
|
508
509
|
mustBeProductionReady: true,
|
|
509
510
|
mustUseFramerMotionForAnimations: true,
|
|
511
|
+
themingIsMandatory: true,
|
|
510
512
|
stylingHandlerIsStrict: true
|
|
511
513
|
}
|
|
512
514
|
};
|
|
@@ -527,7 +529,7 @@ function createMcpServer(apiKey, personalKey) {
|
|
|
527
529
|
ok: true,
|
|
528
530
|
generated: 0,
|
|
529
531
|
styleHandler,
|
|
530
|
-
instruction: `IMPORTANTE: Este tool NO debe generar código ni escribir archivos. Solo entrega al LLM la especificación (componentType + props + stylingTechnology) para que el LLM implemente un componente GENÉRICO, reutilizable y listo para producción. OBLIGATORIO: usar ${styleLabel} para todos los estilos.`,
|
|
532
|
+
instruction: `IMPORTANTE: Este tool NO debe generar código ni escribir archivos. Solo entrega al LLM la especificación (componentType + props + stylingTechnology) para que el LLM implemente un componente GENÉRICO, reutilizable y listo para producción. OBLIGATORIO: usar ${styleLabel} para todos 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.`,
|
|
531
533
|
results
|
|
532
534
|
}, null, 2)
|
|
533
535
|
}]
|
package/package.json
CHANGED