stitch::upload-to-stitch

Upload images, HTML, and markdown files to Stitch projects via the BatchCreateScreens API.

1|Updated Jun 27, 2026
One-click install
npx skills add https://github.com/tranhoainam298/qr-parking-booking-system --skill stitch-upload-to-stitch-tranhoainam298
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: stitch::upload-to-stitch
Source: https://github.com/tranhoainam298/qr-parking-booking-system/tree/main/.claude/plugins/stitch-design/skills/upload-to-stitch
Command: npx skills add https://github.com/tranhoainam298/qr-parking-booking-system --skill stitch-upload-to-stitch-tranhoainam298

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires certifi, and includes scripts (resource) components.

What problem does it solve? Uploading files to Stitch through MCP tool calls fails because the AI model must re-emit the entire base64-encoded file as output text, which exceeds the model's output token limit and produces truncated, corrupted payloads. This Skill bypasses that limit by running a Python script that reads the file locally and sends it directly over HTTP. ## Core Features & Use Cases - Direct HTTP Upload: Sends files to the Stitch BatchCreateScreens endpoint without routing base64 content through the model's output tokens. - Multi-Format Support: Handles PNG, JPG, JPEG, WebP images as screenshots, plus HTML and Markdown files as document screens. - Automatic MIME Detection: Maps file extensions to the correct MIME type and builds the appropriate CreateScreenRequest payload. - Use Case: After generating a mockup PNG or extracting a static HTML page, upload it to your Stitch project as a new screen without hitting token limits or manually encoding the file. ## Quick Start Upload the file mockup.png to my Stitch project using the upload-to-stitch skill with my project ID and API key.

Frequently Asked Questions about stitch::upload-to-stitch

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

FAQPage Schema
How do I upload images to a Stitch project?▼

Run the upload_to_stitch.py script with your project ID, file path, and API key. The script base64-encodes the file in-process and posts it to the Stitch BatchCreateScreens endpoint, supporting PNG, JPG, JPEG, and WebP formats.

Why do Stitch MCP file uploads fail or get truncated?▼

MCP tool arguments are part of the model's output, so the model must re-emit the entire base64 file as generated text. A typical file's base64 encoding exceeds the ~16K output token limit, truncating the payload mid-string and corrupting the upload.

What file types can I upload to Stitch?▼

The script supports PNG, JPG, JPEG, and WebP images uploaded as screenshots, plus HTML and Markdown files uploaded as document screens. MIME type is auto-detected from the file extension.

Where do I find my Stitch API key?▼

Check your MCP server configuration files: .gemini/antigravity/mcp_config.json for Antigravity, ~/.gemini/settings.json for Gemini CLI, or ~/.claude.json for Claude Code. The key is in the X-Goog-Api-Key header or auth argument.

Why does the Stitch upload fail with an SSL certificate error on macOS?▼

The SSLCertVerificationError occurs when Python lacks root certificate authorities. Install the certifi package, which the script uses automatically, or set the SSL_CERT_FILE environment variable to certifi's CA bundle path.