skills.rest
officebeats
officebeatsCOMMUNITY
Explore all skills by this author →
Website𝕏@officebeatsGitHub

stitch

Automate Stitch UI design workflows via MCP with API key authentication.

8|1|Updated Dec 28, 2025
Search Tags:#automation#html#tailwind#ui-design#project-management#stitch
One-click install
npx skills add https://github.com/officebeats/beats-pm-antigravity-brain --skill stitch
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: stitch
Source: https://github.com/officebeats/beats-pm-antigravity-brain/tree/main/.agent/skills/stitch
Command: npx skills add https://github.com/officebeats/beats-pm-antigravity-brain --skill stitch

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Interfaces developers and designers with Stitch AI UI/UX tool through MCP, enabling seamless project creation, screen generation, and access to Stitch features without switching tools.

Core Features & Use Cases

  • Capabilities: create_project, generate_screen_from_text, list_projects, get_screen.
  • Use Cases: List Stitch projects; Create a new project called 'Fitness Tracker'; Generate a minimalist dashboard screen; Add a dark mode toggle to the current screen.

Quick Start

Connect Stitch using your persistent API key and start a new UI project with a simple natural-language prompt.

Frequently Asked Questions about stitch

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

FAQPage Schema
How do I automate UI design generation from text prompts?▼

You can automate UI design generation from text by interfacing with the Stitch AI service via MCP to automatically create projects and generate UI screens from natural language descriptions.

What is needed to connect to the Stitch UI/UX service through MCP?▼

Connecting to the Stitch UI/UX service through MCP requires a persistent API key to establish a stable interface for authenticating your design workflow and accessing service capabilities.

Can I list my existing UI projects automatically using MCP?▼

Yes, you can list your existing UI projects automatically by utilizing the list_projects capability provided through the Stitch MCP interface to retrieve your current project portfolio.

How do I generate a dark mode dashboard screen without manual coding?▼

Generating a dark mode dashboard screen without manual coding involves using the generate_screen_from_text command to translate your specific UI layout requirements directly into a functional design.

Does the Stitch MCP interface support Tailwind CSS or HTML workflows?▼

The Stitch MCP interface is designed for UI/UX project management and screen generation, applying to design and development workflows that require automated project creation and text-based UI generation.

What are the limitations of automating UI/UX workflows with an API key?▼

Automating UI/UX workflows with a persistent API key depends on the stable availability of the Stitch service, and troubleshooting guidance is provided for handling authentication lifecycle and capability access issues.

Related Skills

Explore More Design & Creative Skills→
testdriveraitestdriverai
238

testdriver:client

Initialize the TestDriver client with an API key and connect to a sandbox.

Official
Intermediate
AradotsoAradotso
7

stitch-mcp-cli

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

Official
Advanced
gabelulgabelul
38

stitch-mcp-generate-variants

Generate alternative design variants of existing Stitch UI screens.

Community
Intermediate
taewook486taewook486

moai-platform-stitch

Generate UI designs from text and export HTML/CSS/JS code via Google Stitch MCP.

Community
Advanced