skills.rest
Aradotso
AradotsoOFFICIAL
Explore all skills by this author →
Website𝕏@aradotsoGitHub

stitch-mcp-cli

Generate Astro sites from Stitch UI designs for local preview and export.

7|2|Updated May 16, 2026
Search Tags:#oauth#astro#stitch#agent tools#mcp proxy#ui export#local preview
One-click install
npx skills add https://github.com/Aradotso/mcp-skills --skill stitch-mcp-cli
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: stitch-mcp-cli
Source: https://github.com/Aradotso/mcp-skills/tree/main/skills/stitch-mcp-cli
Command: npx skills add https://github.com/Aradotso/mcp-skills --skill stitch-mcp-cli

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill solves the friction between Google Stitch’s AI-generated UI designs and a developer’s day-to-day workflow by helping you preview, export, and integrate Stitch screens locally and into MCP-enabled agents.

Core Features & Use Cases

  • Local preview of Stitch screens: Serve an entire Stitch project locally so you can review designs before committing to code changes.
  • Astro site generation: Convert Stitch screens into a deployable Astro project by mapping screens to routes.
  • MCP proxy + agent tools: Expose Stitch capabilities to coding agents with automatic authentication handling and high-level tool operations for building sites and fetching screen code/images.
  • Interactive terminal browsing: Explore projects and screens in a terminal UI, with actions like previewing HTML and copying values for reuse.

Quick Start

Run a local preview for your Stitch project by executing: npx @_davideast/stitch-mcp serve -p <project-id>.

Frequently Asked Questions about stitch-mcp-cli

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I preview Stitch UI designs locally during development?▼

You can preview Stitch UI designs locally by running the serve command with your project ID, which maps screens to routes and serves the entire Stitch project for local review before code changes.

Can I export Stitch screens into an Astro project?▼

Yes, you can export Stitch screens into an Astro project. The tool generates a deployable Astro site by mapping individual Stitch screens to specific routes within the Astro framework.

How do MCP agents interact with Stitch UI projects?▼

MCP agents interact with Stitch UI projects through an MCP proxy that exposes high-level tool operations for building sites and fetching screen code or images, handling authentication automatically for agent-driven building.

Do I need OAuth to authenticate a Stitch API session for local export?▼

Yes, local export requires an authenticated Stitch API session. You can authenticate using either OAuth or an API key to establish the required session for fetching screens and integrating via the MCP proxy.

What's the best way to browse and inspect Stitch screens in the terminal?▼

The best way to browse Stitch screens in the terminal is using the interactive terminal UI, which lets you explore projects and screens, preview HTML, and copy values for reuse in your development workflow.

Are there limitations when using an MCP proxy for agent-driven Stitch building?▼

When using an MCP proxy for agent-driven Stitch building, proxy tooling is limited to fulfilling specific use cases like site builds, screen code retrieval, and screen image retrieval, all requiring an authenticated Stitch API session.

Related Skills

Explore More Software Engineering Skills→
zeronx798zeronx798

xurl

Interact with the X API v2 via authenticated CLI commands.

Community
Advanced
7Lemaitre77Lemaitre7

astro

Create .astro components and configure islands for content-driven websites.

Community
Intermediate
Xueheng-LiXueheng-Li
4

web-access

Perform web searches, fetch content, and automate Chrome via CDP.

Community
Advanced
lapc506lapc506
4

Figma Dev Mode Integration

Extract assets and generate Flutter UI components from Figma designs.

Community
Intermediate