@kvasar/google-stitch 0.1.20 → 0.1.22

package/openclaw.plugin.json

@@ -1,7 +1,7 @@
 {
   "id": "openclaw-google-stitch",
    "name": "Google Stitch MCP",
-  "version": "0.1.20",
+  "version": "0.1.22",
   "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.20",
+  "version": "0.1.22",
   "description": "OpenClaw plugin for Google Stitch UI generation, screen design, variants, and design systems",
   "type": "module",
   "main": "./src/index.ts",

package/skills/SKILL.md

@@ -167,6 +167,22 @@ Returns:
 - A visual list of generated screens in the project
 - Each screen is rendered with title, prompt, device type, dimensions, and preview image/HTML when available
 
+### Channel-specific link formatting
+
+If the response contains URLs or downloadable resources and the channel is Telegram, always format links as clickable Markdown links.
+
+ 
+
+Use this format:
+
+[descriptive text](url)
+
+ 
+
+Example:
+
+[View screen preview](https://example.com/screen.png)
+
 ---
 
 ### Screen editing
@@ -324,4 +340,6 @@ Focus on:
 - realistic production UI
 - startup / enterprise SaaS design
 - scalable UX patterns
-- modern component systems
+- modern component systems
+
+

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 {
-  name: string;
+  title: 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.name);
+      const result = await client.createProject(params.title);
       return {
         content: [{ type: "text" as const, text: JSON.stringify(result, null, 2) }],
       };

package/src/tools/generate_screen_from_text_tool.ts

@@ -6,6 +6,8 @@ import {
 import fs from "node:fs";
 import path from "node:path";
 import os from "node:os";
+import { Type } from "@sinclair/typebox";
+
 
 type StitchFile = {
   name?: string;

package/src/tools/list_design_systems.ts

@@ -1,7 +1,16 @@
+import { Type, Static } from "@sinclair/typebox";
+
+const ListDesignSystemsSchema = Type.Object({
+  projectId: Type.Optional(Type.String({ description: "Optional. Project ID. If empty, lists global design systems." })),
+});
+
+type ListDesignSystemsParams = Static<typeof ListDesignSystemsSchema>;
+
 export const listDesignSystemsTool = (client:any) => ({
   name: "list_design_systems",
-  description: "list design systems",
-  async execute(_: string, params: any) {
+  description: "Lists design systems accessible to the user, optionally filtered by project",
+  parameters: ListDesignSystemsSchema,
+  async execute(_: string, params: ListDesignSystemsParams) {
     return await client.request?.("list_design_systems", params);
   },
 });

package/src/tools/list_screens.ts

@@ -2,6 +2,7 @@ import { StitchMCPClient } from "../services/stitch-mcp-client.js";
 import fs from "node:fs";
 import os from "node:os";
 import path from "node:path";
+import { Type } from "@sinclair/typebox";
 
 interface ListScreensParams {
   projectId: string;
@@ -34,6 +35,10 @@ type Screen = {
 export const listScreensTool = (client: StitchMCPClient) => ({
   name: "list_screens",
   description: "Lists all screens within a given Stitch project",
+    parameters: Type.Object({
+      projectId: Type.String({
+      description: "Required. Project ID (e.g., '4044680601076201931'), without `projects/` prefix."
+  })}),
 
   async execute(_: string, params: ListScreensParams) {
     if (!params?.projectId) {