@kvasar/google-stitch 0.1.25 → 0.1.28

package/README.md

@@ -2,22 +2,6 @@
 
 Integrate Google Stitch MCP (Model Context Protocol) into OpenClaw to search resources, execute workflows, and monitor status.
 
-## Installation
-
-1. Clone or copy this plugin into your OpenClaw workspace:
-   ```bash
-   cd ~/.openclaw/workspace
-   git clone <repo-url> openclaw-google-stitch-mcp
-   ```
-2. Install dependencies:
-   ```bash
-   cd openclaw-google-stitch-mcp
-   npm install
-   ```
-3. Verify TypeScript and tests:
-   ```bash
-   npm run check
-   ```
 
 ## Configuration
 
@@ -45,88 +29,6 @@ Example configuration (in OpenClaw config file or UI):
 }
 ```
 
-A sample configuration file is provided in `config/.example.json`.
-
-## Tools Reference
-
-### `stitch_search`
-
-Search Stitch MCP resources and workflows.
-
-**Parameters:**
-- `query` (string, required): Search query string.
-- `filters` (object, optional): Optional filters (e.g., `{ "type": "flow" }`).
-
-**Example:**
-```json
-{
-  "query": "data pipeline",
-  "filters": { "type": "flow" }
-}
-```
-
-**Response:** JSON with `resources` array and `total`.
-
----
-
-### `stitch_execute_flow`
-
-Execute a Stitch flow/action.
-
-**Parameters:**
-- `flowId` (string, required): Identifier of the flow (from `stitch_search`).
-- `inputs` (object, optional): Input parameters for the flow.
-
-**Example:**
-```json
-{
-  "flowId": "flow_12345",
-  "inputs": { "source": "bigquery", "dataset": "analytics.events" }
-}
-```
-
-**Response:** Initial execution result with `executionId` and `status`.
-
----
-
-### `stitch_status`
-
-Check execution status or service health.
-
-**Parameters:**
-- `executionId` (string, optional): Execution ID to poll. If omitted, returns service health.
-
-**Example (check execution):**
-```json
-{
-  "executionId": "exec_67890"
-}
-```
-
-**Example (health):**
-```json
-{}
-```
-
-**Response:** Status object with `healthy` (boolean) for health, or detailed execution status.
-
----
-
-## Error Handling
-
-The plugin surfaces errors with `isError: true` and a message. Common errors:
-
-- **Configuration missing**: Ensure `apiKey` and `endpoint` are set.
-- **Authentication/HTTP errors**: Check API key validity and endpoint reachability.
-- **JSON-RPC errors**: Inspect `error.message` from Stitch; may indicate invalid method or parameters.
-- **Network**: The client retries up to 3 times with exponential backoff; persistent failures are reported.
-
-## Development
-
-- **TypeScript**: `npm run typecheck`
-- **Tests**: `npm test` (Vitest)
-- **Watch**: `npm run test:watch`
-
 ### Project Structure
 
 ```
@@ -140,8 +42,7 @@ openclaw-google-stitch-mcp/
 │   ├── stitch_execute_flow.ts
 │   └── stitch_status.ts
 ├── skills/
-│   └── google-stitch/
-│       └── SKILL.md
+│   └── SKILL.md
 ├── tests/unit/
 │   └── stitch-mcp-client.test.ts
 ├── config/

package/openclaw.plugin.json

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

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.",