{"id":"8c4107fe-ec81-4407-b214-e4a471c10149","entityType":"agent","slug":"clawhub-skills-a2mus-stitch-ui-designer","name":"stitch-ui-designer","canonicalUrl":"https://www.xpersona.co/agent/clawhub-skills-a2mus-stitch-ui-designer","canonicalPath":"/agent/clawhub-skills-a2mus-stitch-ui-designer","generatedAt":"2026-10-10T04:44:12.739Z","source":"CLAWHUB","claimStatus":"UNCLAIMED","verificationTier":"NONE","summary":{"evidence":{"source":"editorial-content","verified":true,"confidence":"high","updatedAt":"2026-04-15T00:45:39.800Z","emptyReason":null},"description":"Design, preview, and generate UI code using Google Stitch (via MCP). Helps developers choose the best UI by generating previews first, allowing iteration, and then exporting code. --- name: stitch-ui-designer version: 1.0.0 description: Design, preview, and generate UI code using Google Stitch (via MCP). Helps developers choose the best UI by generating previews first, allowing iteration, and then exporting code. metadata: openclaw: emoji: 🎨 requires: bins: [\"npx\", \"mcporter\"] --- Stitch UI Designer This skill allows you to design high-quality user interfaces using Google Stitch. Workflow Fol","descriptionLabel":"Technical summary","evidenceSummary":"Capability contract not published. No trust telemetry is available yet. Last updated 4/15/2026.","installCommand":"clawhub skill install skills:a2mus:stitch-ui-designer","sourceUrl":"https://github.com/openclaw/skills/tree/main/skills/a2mus/stitch-ui-designer","homepage":null,"primaryLinks":[{"label":"View on ClawHub","url":"https://github.com/openclaw/skills/tree/main/skills/a2mus/stitch-ui-designer","kind":"source"}],"safetyScore":84,"overallRank":62,"popularityScore":50,"trustScore":null,"claimedByName":null,"isOwner":false,"seoDescription":"Design, preview, and generate UI code using Google Stitch (via MCP). Helps developers choose the best UI by generating previews first, allowing iteration, and t"},"coverage":{"evidence":{"source":"public-profile","verified":false,"confidence":"medium","updatedAt":"2026-04-15T00:45:39.800Z","emptyReason":null},"protocols":[{"protocol":"MCP","label":"MCP","status":"self-declared","notes":"Declared in the public agent profile."}],"capabilities":[],"verifiedCount":0,"selfDeclaredCount":1,"capabilityMatrix":{"rows":[{"key":"MCP","type":"protocol","support":"unknown","confidenceSource":"profile","notes":"Listed on profile"}],"flattenedTokens":"protocol:MCP|unknown|profile"}},"adoption":{"evidence":{"source":"no-adoption-signals","verified":false,"confidence":"low","updatedAt":"2026-04-15T00:45:39.800Z","emptyReason":"No source adoption metrics were available."},"stars":null,"forks":null,"downloads":null,"packageName":null,"latestVersion":null,"tractionLabel":null},"release":{"evidence":{"source":"agent-index","verified":false,"confidence":"medium","updatedAt":"2026-02-25T05:53:55.893Z","emptyReason":null},"lastUpdatedAt":"2026-04-15T00:45:39.800Z","lastCrawledAt":"2026-02-25T05:53:55.893Z","lastIndexedAt":null,"nextCrawlAt":"2026-02-26T05:53:55.893Z","lastVerifiedAt":null,"highlights":[]},"execution":{"evidence":{"source":"CLAWHUB","verified":false,"confidence":"low","updatedAt":null,"emptyReason":"No published capability contract is available yet."},"installCommand":"clawhub skill install skills:a2mus:stitch-ui-designer","setupComplexity":"low","setupSteps":["Setup complexity is LOW. This package is likely designed for quick installation with minimal external side-effects.","Final validation: Expose the agent to a mock request payload inside a sandbox and trace the network egress before allowing access to real customer data."],"contract":{"contractStatus":"missing","authModes":[],"requires":[],"forbidden":[],"supportsMcp":false,"supportsA2a":false,"supportsStreaming":false,"inputSchemaRef":null,"outputSchemaRef":null,"dataRegion":null,"contractUpdatedAt":null,"sourceUpdatedAt":null,"freshnessSeconds":null},"invocationGuide":{"preferredApi":{"snapshotUrl":"https://www.xpersona.co/api/v1/agents/clawhub-skills-a2mus-stitch-ui-designer/snapshot","contractUrl":"https://www.xpersona.co/api/v1/agents/clawhub-skills-a2mus-stitch-ui-designer/contract","trustUrl":"https://www.xpersona.co/api/v1/agents/clawhub-skills-a2mus-stitch-ui-designer/trust"},"curlExamples":["curl -s \"https://www.xpersona.co/api/v1/agents/clawhub-skills-a2mus-stitch-ui-designer/snapshot\"","curl -s \"https://www.xpersona.co/api/v1/agents/clawhub-skills-a2mus-stitch-ui-designer/contract\"","curl -s \"https://www.xpersona.co/api/v1/agents/clawhub-skills-a2mus-stitch-ui-designer/trust\""],"jsonRequestTemplate":{"query":"summarize this repo","constraints":{"maxLatencyMs":2000,"protocolPreference":["MCP"]}},"jsonResponseTemplate":{"ok":true,"result":{"summary":"...","confidence":0.9},"meta":{"source":"CLAWHUB","generatedAt":"2026-10-10T04:44:12.739Z"}},"retryPolicy":{"maxAttempts":3,"backoffMs":[500,1500,3500],"retryableConditions":["HTTP_429","HTTP_503","NETWORK_TIMEOUT"]}},"endpoints":{"dossierUrl":"https://www.xpersona.co/api/v1/agents/clawhub-skills-a2mus-stitch-ui-designer/dossier","snapshotUrl":"https://www.xpersona.co/api/v1/agents/clawhub-skills-a2mus-stitch-ui-designer/snapshot","contractUrl":"https://www.xpersona.co/api/v1/agents/clawhub-skills-a2mus-stitch-ui-designer/contract","trustUrl":"https://www.xpersona.co/api/v1/agents/clawhub-skills-a2mus-stitch-ui-designer/trust"}},"reliability":{"evidence":{"source":"runtime-metrics","verified":false,"confidence":"low","updatedAt":null,"emptyReason":"No trust, reliability, or runtime telemetry is available."},"trust":{"status":"unavailable","handshakeStatus":"UNKNOWN","verificationFreshnessHours":null,"reputationScore":null,"p95LatencyMs":null,"successRate30d":null,"fallbackRate":null,"attempts30d":null,"trustUpdatedAt":null,"trustConfidence":"unknown","sourceUpdatedAt":null,"freshnessSeconds":null},"decisionGuardrails":{"doNotUseIf":["Contract metadata is missing or unavailable for deterministic execution."],"safeUseWhen":[],"riskFlags":["missing_or_unavailable_contract","trust_data_unavailable","schema_references_missing"],"operationalConfidence":"low"},"executionMetrics":{"observedLatencyMsP50":null,"observedLatencyMsP95":null,"estimatedCostUsd":null,"uptime30d":null,"rateLimitRpm":null,"rateLimitBurst":null,"lastVerifiedAt":null,"verificationSource":null},"runtimeMetrics":{"successRate":null,"avgLatencyMs":null,"avgCostUsd":null,"hallucinationRate":null,"retryRate":null,"disputeRate":null,"p50Latency":null,"p95Latency":null,"lastUpdated":null}},"benchmarks":{"evidence":{"source":"no-benchmark-data","verified":false,"confidence":"low","updatedAt":null,"emptyReason":"No benchmark suites or observed failure patterns are available."},"suites":[],"failurePatterns":[]},"artifacts":{"evidence":{"source":"CLAWHUB","verified":false,"confidence":"high","updatedAt":"2026-04-15T00:45:39.800Z","emptyReason":null},"readme":"---\nname: stitch-ui-designer\nversion: 1.0.0\ndescription: Design, preview, and generate UI code using Google Stitch (via MCP). Helps developers choose the best UI by generating previews first, allowing iteration, and then exporting code.\nmetadata:\n  openclaw:\n    emoji: 🎨\n    requires:\n      bins: [\"npx\", \"mcporter\"]\n---\n\n# Stitch UI Designer\n\nThis skill allows you to design high-quality user interfaces using Google Stitch.\n\n## Workflow\n\nFollow this process to help the user design a UI:\n\n1.  **Setup (First Time Only)**\n    -   Check if the `stitch` server is configured in `mcporter`.\n    -   If not, configure it: `mcporter config add stitch --command \"npx\" --args \"-y stitch-mcp-auto\"`\n    -   Ensure the user is authenticated with Google Cloud (the tool may prompt for `gcloud auth`).\n\n2.  **Generate & Preview**\n    -   Ask for a description of the interface (e.g., \"Login screen for a crypto app\").\n    -   Use `stitch.generate_screen_from_text` with the prompt.\n    -   **Important**: This returns a `screenId`.\n    -   Immediately fetch the preview image using `stitch.fetch_screen_image(screenId)`.\n    -   Show the image to the user. Do **not** fetch the code yet.\n\n3.  **Iterate & Customize**\n    -   Ask the user for feedback on the preview.\n    -   If changes are needed, use `stitch.generate_screen_from_text` again (potentially using `stitch.extract_design_context` from the previous screen to maintain style) or just refine the prompt.\n    -   Show the new preview.\n\n4.  **Export Code**\n    -   Once the user approves the design (\"This looks great\"), fetch the code.\n    -   Use `stitch.fetch_screen_code(screenId)`.\n    -   Present the HTML/CSS code or save it to a file as requested.\n\n## Tools (via mcporter)\n\nCall these using `mcporter call stitch.<tool_name> <args>`:\n\n-   **generate_screen_from_text**\n    -   Args: `prompt` (string), `projectId` (optional, usually auto-detected by `stitch-mcp-auto`)\n    -   Returns: `screenId`, `name`, `url`\n    -   *Use this to start a design.*\n\n-   **fetch_screen_image**\n    -   Args: `screenId` (string)\n    -   Returns: Image data (display this to the user).\n    -   *Use this to show the preview.*\n\n-   **fetch_screen_code**\n    -   Args: `screenId` (string)\n    -   Returns: `html` (string), `css` (string), etc.\n    -   *Use this ONLY after user approval.*\n\n-   **create_project**\n    -   Args: `name` (string)\n    -   *Use if no project exists.*\n\n## Tips\n\n-   **Project Context**: `stitch-mcp-auto` tries to manage the project ID automatically. If you get errors about missing project IDs, ask the user to create or select a Google Cloud project first using `create_project` or by setting the `GOOGLE_CLOUD_PROJECT` env var.\n-   **Preview First**: Always prioritize the visual preview. Generating code for a bad design wastes tokens and time.\n-   **Stitch MCP Auto**: We use `stitch-mcp-auto` because it handles the complex Google auth setup more gracefully than the standard package.\n","readmeExcerpt":"--- name: stitch-ui-designer version: 1.0.0 description: Design, preview, and generate UI code using Google Stitch (via MCP). Helps developers choose the best UI by generating previews first, allowing iteration, and then exporting code. metadata: openclaw: emoji: 🎨 requires: bins: [\"npx\", \"mcporter\"] --- Stitch UI Designer This skill allows you to design high-quality user interfaces using Google Stitch. Workflow Fol","codeSnippets":[],"executableExamples":[],"parameters":{},"dependencies":[],"permissions":[],"extractedFiles":[],"languages":["typescript"],"docsSourceLabel":"CLAWHUB","editorialOverview":"Design, preview, and generate UI code using Google Stitch (via MCP). Helps developers choose the best UI by generating previews first, allowing iteration, and then exporting code. --- name: stitch-ui-designer version: 1.0.0 description: Design, preview, and generate UI code using Google Stitch (via MCP). Helps developers choose the best UI by generating previews first, allowing iteration, and then exporting code. metadata: openclaw: emoji: 🎨 requires: bins: [\"npx\", \"mcporter\"] --- Stitch UI Designer This skill allows you to design high-quality user interfaces using Google Stitch. Workflow Fol","editorialQuality":{"score":100,"threshold":65,"status":"ready","wordCount":400,"uniquenessScore":62,"reasons":[]}},"media":{"evidence":{"source":"no-media","verified":false,"confidence":"low","updatedAt":"2026-04-15T00:45:39.800Z","emptyReason":"No screenshots, media assets, or demo links are available."},"primaryImageUrl":null,"mediaAssetCount":0,"assets":[],"demoUrl":null},"ownerResources":{"evidence":{"source":"unclaimed","verified":false,"confidence":"low","updatedAt":"2026-04-15T00:45:39.800Z","emptyReason":"This page has not been claimed by the agent owner."},"hasCustomPage":false,"customPageUpdatedAt":null,"customLinks":[],"structuredLinks":{"docsUrl":null,"demoUrl":null,"supportUrl":null,"pricingUrl":null,"statusUrl":null},"customPage":null},"relatedAgents":{"evidence":{"source":"protocol-neighbors","verified":false,"confidence":"medium","updatedAt":"2026-10-10T04:44:12.739Z","emptyReason":null},"items":[{"id":"91842505-d59e-48ad-ae35-d504a6e8eadb","entityType":"agent","canonicalPath":"/agent/ard-urn-air-com-brainiall-mcp-nlp","slug":"ard-urn-air-com-brainiall-mcp-nlp","name":"Brainiall NLP","description":"Sentiment, toxicity, entity extraction, PII, translation, summary, QA, fraud scoring, safety audit.","url":"https://api.brainiall.com/mcp/nlp/mcp","homepage":"https://api.brainiall.com/mcp/nlp/mcp","source":"ARD_REGISTRY","protocols":["MCP"],"capabilities":["mcp","mcp-registry"],"safetyScore":95,"overallRank":93.5,"updatedAt":"2026-10-09T19:59:36.369Z","createdAt":"2026-10-09T02:32:12.319Z","downloads":null},{"id":"c07bfd45-37e3-4ca4-bce7-0f2c138264a2","entityType":"agent","canonicalPath":"/agent/ard-urn-air-ai-revuo-mcp-revuo","slug":"ard-urn-air-ai-revuo-mcp-revuo","name":"Revuo","description":"Agent-callable B2B SaaS directory: capability-structured, continuously verified listings.","url":"https://www.revuo.ai/api/mcp","homepage":"https://www.revuo.ai/api/mcp","source":"ARD_REGISTRY","protocols":["MCP"],"capabilities":["mcp","mcp-registry"],"safetyScore":95,"overallRank":93.5,"updatedAt":"2026-10-09T19:04:52.902Z","createdAt":"2026-10-09T02:32:15.408Z","downloads":null},{"id":"b72e3032-816c-4f68-bcc9-1a847aef4d79","entityType":"agent","canonicalPath":"/agent/ard-urn-air-ai-bankee-mcp-inferventis-mcp","slug":"ard-urn-air-ai-bankee-mcp-inferventis-mcp","name":"Inferventis MCP Server","description":"Loan & mortgage calculator, compound interest, ROI, crypto prices, FX conversion for AI agents.","url":"https://mcp-server-295985738387.europe-west1.run.app/mcp","homepage":"https://mcp-server-295985738387.europe-west1.run.app/mcp","source":"ARD_REGISTRY","protocols":["MCP"],"capabilities":["mcp","mcp-registry"],"safetyScore":95,"overallRank":93.5,"updatedAt":"2026-10-09T18:09:37.547Z","createdAt":"2026-10-09T02:32:16.798Z","downloads":null},{"id":"a785e560-2661-4edd-a374-5e8de7c54e7a","entityType":"agent","canonicalPath":"/agent/ard-urn-air-io-github-cleandev-fix-mcp-shortlistlens","slug":"ard-urn-air-io-github-cleandev-fix-mcp-shortlistlens","name":"ShortlistLens","description":"Structured website and review evidence for AI-assisted local-business shortlisting.","url":"https://shortlistlens-mcp.streaming22box.workers.dev/mcp","homepage":"https://shortlistlens-mcp.streaming22box.workers.dev/mcp","source":"ARD_REGISTRY","protocols":["MCP"],"capabilities":["mcp","mcp-registry"],"safetyScore":95,"overallRank":93.5,"updatedAt":"2026-10-09T18:04:03.143Z","createdAt":"2026-10-09T02:32:13.915Z","downloads":null}],"links":{"hub":"/agent","source":"/agent/source/clawhub","protocols":[{"label":"MCP","href":"/agent/protocol/mcp"}]}}}