@kvasar/google-stitch 0.1.10 → 0.1.12

package/openclaw.plugin.json

@@ -1,7 +1,7 @@
 {
   "id": "openclaw-google-stitch",
    "name": "Google Stitch MCP",
-  "version": "0.1.10",
+  "version": "0.1.12",
   "description": "Integrates Google Stitch MCP services into OpenClaw",
    "skills": ["skills"],
   "configSchema": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kvasar/google-stitch",
-  "version": "0.1.10",
+  "version": "0.1.12",
   "description": "OpenClaw plugin for Google Stitch UI generation, screen design, variants, and design systems",
   "type": "module",
   "main": "./src/index.ts",

package/skills/SKILL.md

@@ -56,7 +56,7 @@ If the user wants to start a new design workspace:
 
 - `create_project`
 
-Examples:
+Example prompts:
 
 - create a new project
 - start a new app design
@@ -65,8 +65,22 @@ Examples:
 If the user wants existing project info:
 
 - `get_project`
+
+Example prompts: 
+
+- Get the details of project 4044680601076201931
+- Show me the project info
+- What’s in my project?
+
+
 - `list_projects`
 
+Example prompts:
+
+- List all my Stitch projects
+- Show me my projects
+- List shared projects
+
 ---
 
 ### Screen generation
@@ -75,7 +89,7 @@ For new screens from prompts:
 
 - `generate_screen_from_text`
 
-Examples:
+Example prompts:
 
 - create login page
 - generate dashboard
@@ -127,7 +141,7 @@ For modifying existing screens:
 
 - `edit_screens`
 
-Examples:
+Example prompts:
 
 - make button blue
 - add navbar
@@ -165,7 +179,7 @@ For brand consistency and theming:
 
 - `create_design_system`
 
-Examples:
+Example prompts:
 
 - Create a dark mode design system with Inter font and round corners
 - Set up a design system with blue as the primary color
@@ -173,7 +187,7 @@ Examples:
 
 - `update_design_system`
 
-Examples:
+Example prompts:
 
 - Update the design system to use dark mode
 - Change the font to Geist in our design system
@@ -182,7 +196,7 @@ Examples:
 
 - `list_design_systems`
 
-Examples:
+Example prompts:
 
 - List all design systems in project 12345
 - Show me the available design systems
@@ -193,7 +207,7 @@ Examples:
 
 Applies a design system to one or more screens, modifying their appearance to match the system’s tokens (colors, fonts, shapes).
 
-Examples:
+Example prompts:
 
 - Apply the blue design system to all screens in project 12345
 - Restyle these screens with the brand identity

package/src/services/stitch-mcp-client.ts

@@ -45,12 +45,14 @@ export class StitchMCPClient {
       this.connected = true;
     }
   }
-    async createProject(title?: string) {
+    async createProject(name: string) {
     await this.connect();
 
     return this.client.callTool({
       name: "create_project",
-      arguments: title ? { title } : {},
+      arguments: {
+      name: name,
+    },
     });
   }
 

package/src/tools/create_project.ts

@@ -7,7 +7,7 @@ import { Type } from "@sinclair/typebox";
 import { StitchMCPClient } from "../services/stitch-mcp-client.js";
 
 export interface CreateProjectParams {
-  title?: string;
+  name: string;
 }
 
 export function createProjectTool(client: StitchMCPClient) {
@@ -20,7 +20,7 @@ export function createProjectTool(client: StitchMCPClient) {
       ),
     }),
     async execute(_id: string, params: CreateProjectParams) {
-      const result = await client.createProject(params.title);
+      const result = await client.createProject(params.name);
       return {
         content: [{ type: "text" as const, text: JSON.stringify(result, null, 2) }],
       };

package/src/tools/generate_screen_from_text.ts

@@ -1,7 +0,0 @@
-export const generateScreenFromTextTool = (client:any) => ({
-  name: "generate_screen_from_text",
-  description: "generate screen from text",
-  async execute(_: string, params: any) {
-    return await client.request?.("generate_screen_from_text", params);
-  },
-});