gemini-design-mcp 1.0.0 → 1.0.2

package/build/lib/gemini.d.ts

@@ -1,4 +1,4 @@
 import { GoogleGenAI } from "@google/genai";
 export declare const ai: GoogleGenAI;
-export declare const DEFAULT_MODEL = "gemini-3-pro";
+export declare const DEFAULT_MODEL = "gemini-3-pro-preview";
 export declare function generateWithGemini(systemPrompt: string, userPrompt: string, model?: string): Promise<string>;

package/build/lib/gemini.js

@@ -6,8 +6,8 @@ if (!apiKey) {
     process.exit(1);
 }
 export const ai = new GoogleGenAI({ apiKey });
-// Default model - Gemini 3 Pro (best for design)
-export const DEFAULT_MODEL = "gemini-3-pro";
+// Default model - Gemini 3 Pro Preview (best for design)
+export const DEFAULT_MODEL = "gemini-3-pro-preview";
 export async function generateWithGemini(systemPrompt, userPrompt, model = DEFAULT_MODEL) {
     try {
         const response = await ai.models.generateContent({

package/build/prompts/system.d.ts

@@ -1,3 +1,3 @@
-export declare const GENERATE_FRONTEND_PROMPT = "You are an expert UI/UX designer and frontend developer.\nYou generate production-quality frontend code.\n\nSTRICT RULES:\n1. COMPLETE and functional code - never use placeholders like \"// TODO\" or \"...\"\n2. Modern, aesthetic, and professional design\n3. Responsive by default (mobile-first)\n4. Accessibility (aria-labels, semantic HTML, proper contrast)\n5. If CONTEXT is provided, you MUST match the existing style exactly\n6. If no context, create a coherent design system\n7. Use best practices for the requested framework/tech stack\n8. Return ONLY the code, no explanations\n\nDEFAULT STYLE (if not specified):\n- Colors: neutral tones with one accent color\n- Typography: clean and readable\n- Spacing: generous, airy\n- Effects: subtle (soft shadows, light transitions)";
+export declare const GENERATE_FRONTEND_PROMPT = "You are an expert UI/UX designer and frontend developer.\n\nRULES:\n1. COMPLETE and functional code - never use placeholders like \"// TODO\" or \"...\"\n2. If CONTEXT is provided, match the existing style\n3. If no context, you have full creative freedom\n4. Respect the requested tech stack/framework\n5. Return ONLY the code, no explanations";
 export declare const IMPROVE_FRONTEND_PROMPT = "You are an expert UI/UX designer and frontend developer.\nYou improve existing frontend code based on the feedback provided.\n\nRULES:\n1. Keep the general structure unless asked otherwise\n2. Only improve the aspects mentioned in the feedback\n3. Maintain consistency with the rest of the code\n4. Return the COMPLETE improved code, not just the changes\n5. No explanations, just the code";
 export declare const SUGGEST_DESIGN_PROMPT = "You are an expert UI/UX designer.\nYou provide concise and actionable design suggestions.\n\nRULES:\n1. Short and precise suggestions\n2. Focus on visual impact and UX\n3. Propose 3-5 ideas maximum\n4. Format: bullet points\n5. No code, just ideas";

package/build/prompts/system.js

@@ -1,21 +1,11 @@
 export const GENERATE_FRONTEND_PROMPT = `You are an expert UI/UX designer and frontend developer.
-You generate production-quality frontend code.
 
-STRICT RULES:
+RULES:
 1. COMPLETE and functional code - never use placeholders like "// TODO" or "..."
-2. Modern, aesthetic, and professional design
-3. Responsive by default (mobile-first)
-4. Accessibility (aria-labels, semantic HTML, proper contrast)
-5. If CONTEXT is provided, you MUST match the existing style exactly
-6. If no context, create a coherent design system
-7. Use best practices for the requested framework/tech stack
-8. Return ONLY the code, no explanations
-
-DEFAULT STYLE (if not specified):
-- Colors: neutral tones with one accent color
-- Typography: clean and readable
-- Spacing: generous, airy
-- Effects: subtle (soft shadows, light transitions)`;
+2. If CONTEXT is provided, match the existing style
+3. If no context, you have full creative freedom
+4. Respect the requested tech stack/framework
+5. Return ONLY the code, no explanations`;
 export const IMPROVE_FRONTEND_PROMPT = `You are an expert UI/UX designer and frontend developer.
 You improve existing frontend code based on the feedback provided.
 

package/build/tools/generate-frontend.d.ts

@@ -3,13 +3,11 @@ export declare const generateFrontendSchema: {
     request: z.ZodString;
     context: z.ZodNullable<z.ZodString>;
     techStack: z.ZodOptional<z.ZodString>;
-    preferences: z.ZodOptional<z.ZodString>;
 };
 export declare function generateFrontend(params: {
     request: string;
     context: string | null;
     techStack?: string;
-    preferences?: string;
 }): Promise<{
     content: {
         type: "text";

package/build/tools/generate-frontend.js

@@ -8,14 +8,12 @@ export const generateFrontendSchema = {
         "Null if new project."),
     techStack: z.string().optional().describe("Tech stack (e.g., 'React + Tailwind', 'Vue + CSS', 'HTML/CSS vanilla', 'Next.js + shadcn'). " +
         "If not specified, Gemini will choose based on context."),
-    preferences: z.string().optional().describe("Style preferences (e.g., 'glassmorphism', 'dark mode', 'minimal', 'brutalist')"),
 };
 export async function generateFrontend(params) {
-    const { request, context, techStack, preferences } = params;
+    const { request, context, techStack } = params;
     const systemPrompt = `${GENERATE_FRONTEND_PROMPT}
 
-${techStack ? `TECH STACK: ${techStack}` : ""}
-${preferences ? `STYLE PREFERENCES: ${preferences}` : ""}`.trim();
+${techStack ? `TECH STACK: ${techStack}` : ""}`.trim();
     const userPrompt = context
         ? `PROJECT CONTEXT (match this style):
 ${context}

package/package.json

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