@kvasar/google-stitch 0.1.27 → 0.1.29

package/openclaw.plugin.json

@@ -1,7 +1,7 @@
 {
   "id": "openclaw-google-stitch",
    "name": "Google Stitch MCP",
-  "version": "0.1.27",
+  "version": "0.1.28",
   "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.27",
+  "version": "0.1.29",
   "description": "OpenClaw plugin for Google Stitch UI generation, screen design, variants, and design systems",
   "type": "module",
   "main": "./index.ts",
@@ -24,18 +24,18 @@
       "./index.ts"
     ],
     "tools": [
-      "create_project",
-      "get_project",
-      "list_projects",
-      "list_screens",
-      "get_screen",
-      "generate_screen_from_text",
-      "edit_screens",
-      "generate_variants",
-      "create_design_system",
-      "update_design_system",
-      "list_design_systems",
-      "apply_design_system"
+      "stitch_create_project",
+      "stitch_get_project",
+      "stitch_list_projects",
+      "stitch_list_screens",
+      "stitch_get_screen",
+      "stitch_generate_screen_from_text",
+      "stitch_edit_screens",
+      "stitch_generate_variants",
+      "stitch_create_design_system",
+      "stitch_update_design_system",
+      "stitch_list_design_systems",
+      "stitch_apply_design_system"
     ]
   },
   "dependencies": {

package/skills/SKILL.md

@@ -54,7 +54,7 @@ Use the appropriate Stitch tool depending on the user request.
 
 If the user wants to start a new design workspace:
 
-- `create_project`
+- `stitch_create_project`
 
 Example prompts:
 
@@ -64,7 +64,7 @@ Example prompts:
 
 If the user wants existing project info:
 
-- `get_project`
+- `stitch_get_project`
 
 Example prompts: 
 
@@ -73,7 +73,7 @@ Example prompts:
 - What’s in my project?
 
 
-- `list_projects`
+- `stitch_list_projects`
 
 Example prompts:
 
@@ -87,7 +87,7 @@ Example prompts:
 
 For creating new screens from prompts:
 
-- `generate_screen_from_text`
+- `stitch_generate_screen_from_text`
 
 Example prompts:
 
@@ -146,7 +146,7 @@ Never call the tool with only a string prompt.
 
 Lists all screens within a given Stitch project.
 
-- `list_screens`
+- `stitch_list_screens`
 
 Required parameters:
 - `projectId`: the Stitch project ID (without the `projects/` prefix)
@@ -189,7 +189,7 @@ Example:
 
 For modifying existing screens:
 
-- `edit_screens`
+- `stitch_edit_screens`
 
 Example prompts:
 
@@ -204,7 +204,7 @@ Example prompts:
 
 For alternative designs:
 
-- `generate_variants`
+- `stitch_generate_variants`
 
 Use when the user requests:
 
@@ -227,7 +227,7 @@ For brand consistency and theming:
 
 
 
-- `create_design_system`
+- `stitch_create_design_system`
 
 Example prompts:
 
@@ -235,7 +235,7 @@ Example prompts:
 - Set up a design system with blue as the primary color
 - Create a brand identity with Geist font and minimal roundness
 
-- `update_design_system`
+- `stitch_update_design_system`
 
 Example prompts:
 
@@ -244,7 +244,7 @@ Example prompts:
 - Update the roundness to fully rounded
 
 
-- `list_design_systems`
+- `stitch_list_design_systems`
 
 Example prompts:
 
@@ -253,7 +253,7 @@ Example prompts:
 - What design systems do I have?
 
 
-- `apply_design_system`
+- `stitch_apply_design_system`
 
 Applies a design system to one or more screens, modifying their appearance to match the system’s tokens (colors, fonts, shapes).
 

package/src/tools/apply_design_system.ts

@@ -16,7 +16,7 @@ const ApplyDesignSystemSchema = Type.Object({
 type ApplyDesignSystemParams = Static<typeof ApplyDesignSystemSchema>;
 
 export const applyDesignSystemTool = (client: any) => ({
-  name: "apply_design_system",
+  name: "stitch_apply_design_system",
   description: "Applies a design system asset to one or more screens, updating colors, fonts, and shapes",
   parameters: ApplyDesignSystemSchema,
   async execute(_: string, params: ApplyDesignSystemParams) {

package/src/tools/create_design_system.ts

@@ -81,7 +81,7 @@ const CreateDesignSystemSchema = Type.Object({
 type CreateDesignSystemParams = Static<typeof CreateDesignSystemSchema>;
 
 export const createDesignSystemTool = (client: any) => ({
-  name: "create_design_system",
+  name: "stitch_create_design_system",
   description: "Creates a new design system with colors, typography, roundness, and theme tokens for a Stitch project",
   parameters: CreateDesignSystemSchema,
   async execute(_: string, params: CreateDesignSystemParams) {

package/src/tools/create_project.ts

@@ -12,7 +12,7 @@ export interface CreateProjectParams {
 
 export function createProjectTool(client: StitchMCPClient) {
   return {
-    name: "create_project" as const,
+    name: "stitch_create_project" as const,
     description: "Creates a new Stitch project. A project is a container for UI designs and frontend code.",
     parameters: Type.Object({
       title: Type.Optional(

package/src/tools/edit_screens.ts

@@ -38,7 +38,7 @@ const EditScreensSchema = Type.Object({
 type EditScreensParams = Static<typeof EditScreensSchema>;
 
 export const editScreensTool = (client: any) => ({
-  name: "edit_screens",
+  name: "stitch_edit_screens",
   description:
     "Edits existing screens using a text prompt. This process may take a few minutes.",
   parameters: EditScreensSchema,

package/src/tools/generate_screen_from_text_tool.ts

@@ -87,7 +87,7 @@ type GenerateScreenParams = Static<typeof GenerateScreenSchema>;
 
 export function generateScreenFromTextTool(client: StitchMCPClient) {
   return {
-    name: "generate_screen_from_text",
+    name: "stitch_generate_screen_from_text",
     description: "Generate a UI screen from a natural language prompt",
     parameters: GenerateScreenSchema,
     async execute(_id: string, params: GenerateScreenParams) {

package/src/tools/generate_variants.ts

@@ -72,7 +72,7 @@ const GenerateVariantsSchema = Type.Object({
 type GenerateVariantsParams = Static<typeof GenerateVariantsSchema>;
 
 export const generateVariantsTool = (client: any) => ({
-  name: "generate_variants",
+  name: "stitch_generate_variants",
   description:
     "Generates design variants of existing screens based on selected screens and variant options.",
 

package/src/tools/get_project.ts

@@ -7,7 +7,7 @@ const GetProjectSchema = Type.Object({
 type GetProjectParams = Static<typeof GetProjectSchema>;
 
 export const getProjectTool = (client: any) => ({
-  name: "get_project",
+  name: "stitch_get_project",
   description: "get project",
   parameters: GetProjectSchema,
   async execute(_: string, params: GetProjectParams) {

package/src/tools/get_screen.ts

@@ -54,7 +54,7 @@ export const getScreenTool = (client: StitchMCPClient) => ({
       );
     }
 
-    const screen = (await client.request("get_screen", {
+    const screen = (await client.request("stitch_get_screen", {
       name,
       projectId,
       screenId

package/src/tools/list_design_systems.ts

@@ -7,7 +7,7 @@ const ListDesignSystemsSchema = Type.Object({
 type ListDesignSystemsParams = Static<typeof ListDesignSystemsSchema>;
 
 export const listDesignSystemsTool = (client:any) => ({
-  name: "list_design_systems",
+  name: "stitch_list_design_systems",
   description: "Lists design systems accessible to the user, optionally filtered by project",
   parameters: ListDesignSystemsSchema,
   async execute(_: string, params: ListDesignSystemsParams) {

package/src/tools/list_projects.ts

@@ -7,7 +7,7 @@ export interface ListProjectsParams {
 
 export function listProjectsTool(client: StitchMCPClient) {
   return {
-    name: "list_projects" as const,
+    name: "stitch_list_projects" as const,
     description:
       "Lists all Stitch projects accessible to the user. By default, it lists projects owned by the user.",
 

package/src/tools/list_screens.ts

@@ -33,7 +33,7 @@ type Screen = {
 };
 
 export const listScreensTool = (client: StitchMCPClient) => ({
-  name: "list_screens",
+  name: "stitch_list_screens",
   description: "Lists all screens within a given Stitch project",
     parameters: Type.Object({
       projectId: Type.String({

package/src/tools/update_design_system.ts

@@ -42,7 +42,7 @@ const UpdateDesignSystemSchema = Type.Object({
 type UpdateDesignSystemParams = Static<typeof UpdateDesignSystemSchema>;
 
 export const updateDesignSystemTool = (client: any) => ({
-  name: "update_design_system",
+  name: "stitch_update_design_system",
 
   description:
     "Updates an existing design system. Identifies the asset by its name field.",