gemini-design-mcp 3.12.0 → 3.12.1

package/build/prompts/system.js

@@ -373,7 +373,24 @@ IMPORTANT:
 // Injected when generateDesignSystem === true in create_frontend
 // =============================================================================
 export const DESIGN_SYSTEM_GENERATION_PROMPT = `
-## GÉNÉRATION DU DESIGN SYSTEM (MODE ACTIVÉ)
+#########################################
+# MODE DESIGN SYSTEM ACTIVÉ
+#########################################
+
+CRITICAL: Tu DOIS retourner ta réponse dans ce format EXACT avec les markers HTML.
+NE RETOURNE JAMAIS juste du code. Tu DOIS inclure les DEUX sections.
+
+## FORMAT OBLIGATOIRE (à respecter à la lettre)
+
+<!-- CODE_START -->
+(le code complet de la page ici)
+<!-- CODE_END -->
+
+<!-- DESIGN_SYSTEM_START -->
+(le design system complet ici)
+<!-- DESIGN_SYSTEM_END -->
+
+#########################################
 
 Tu dois générer un design system ULTRA COMPLET en plus du code.
 
@@ -382,13 +399,8 @@ Imagine que ce projet aura : dashboard, landing page, settings, formulaires,
 modals, tables, cards, sidebars, etc. Génère TOUS les tokens et composants
 qui pourraient être nécessaires.
 
-### FORMAT DE SORTIE
-
-<!-- CODE_START -->
-[Le code complet de la page ici]
-<!-- CODE_END -->
+### TEMPLATE DU DESIGN SYSTEM (entre les markers DESIGN_SYSTEM_START/END)
 
-<!-- DESIGN_SYSTEM_START -->
 # Design System - [Nom du Projet]
 
 ## Colors

package/build/tools/create-frontend.js

@@ -66,19 +66,29 @@ IMPORTANT: Analyze the existing code carefully and match:
 - Import patterns and file structure
 `;
     }
-    // Add design system generation instructions if requested
-    let designSystemGenerationInstructions = '';
+    // Build the system prompt - design system generation instructions go FIRST if enabled
+    let systemPrompt;
     if (generateDesignSystem) {
-        designSystemGenerationInstructions = DESIGN_SYSTEM_GENERATION_PROMPT;
-    }
-    const systemPrompt = `${CREATE_FRONTEND_PROMPT}
+        systemPrompt = `${DESIGN_SYSTEM_GENERATION_PROMPT}
+
+---
+
+${CREATE_FRONTEND_PROMPT}
 ${designSystemInstructions}
 ${contextInstructions}
-${designSystemGenerationInstructions}
 TECH STACK: ${techStack}
 FILE PATH: ${filePath}
 
-Remember: Return a COMPLETE file ready to save at ${filePath}${generateDesignSystem ? '. IMPORTANT: Follow the exact output format with <!-- CODE_START/END --> and <!-- DESIGN_SYSTEM_START/END --> markers.' : ''}`.trim();
+RAPPEL CRITIQUE: Tu DOIS utiliser le format avec les markers <!-- CODE_START/END --> et <!-- DESIGN_SYSTEM_START/END -->. Ne retourne JAMAIS juste le code.`.trim();
+    } else {
+        systemPrompt = `${CREATE_FRONTEND_PROMPT}
+${designSystemInstructions}
+${contextInstructions}
+TECH STACK: ${techStack}
+FILE PATH: ${filePath}
+
+Remember: Return a COMPLETE file ready to save at ${filePath}`.trim();
+    }
     const rawResult = await generateWithGemini(systemPrompt, request, undefined, "high", "create_frontend");
     // Handle design system generation mode
     if (generateDesignSystem) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gemini-design-mcp",
-  "version": "3.12.0",
+  "version": "3.12.1",
   "description": "MCP server that uses Gemini 3 Pro for frontend/design code generation",
   "main": "build/index.js",
   "bin": {