Design & Frontend

Stitch Asset Uploader

Reliably upload local images, HTML, and design documents to Google Stitch projects.

38/ 100
Not recommended

Current benefit does not outweigh risk or uncertainty.

See how it was scored ↓
Works as-is in
Codex · Claude Code
Stars
★ 8.5k
Last updated
2mo ago
License
Apache-2.0
google-stitchasset-uploadhtml-uploaddesign-documents
+2mcpapi-key

What does this skill do, and when should you use it?

This Agent Skill from google-labs-code/stitch-skills uploads local visual assets, HTML pages, and Markdown design documents to Stitch projects. It first uses Stitch MCP list_projects to identify the target project, then reads the MCP configuration for an API key and runs the provided upload script to send the file directly over HTTP. The script is intended to avoid base64 output-size limits that can affect direct MCP file uploads. Adoption requires a configured and running Stitch MCP server, local filesystem access, and a valid Stitch API key.

Reads local PNG, JPG, JPEG, WEBP, HTML, HTM, or MD files; calls Stitch MCP list_projects to find the target projectId; extracts the Stitch API key and optional API URL from documented Antigravity, Gemini CLI, or Claude Code configuration locations; runs the provided Python upload script to send the file to Stitch over HTTP; optionally sets an uploaded screen title and generation source; and auto-detects the MIME type from the file extension.

Good fit
  • A designer needs to upload local mockups or image assets to an existing Stitch project.
  • A frontend engineer needs to send an extracted static HTML page to Stitch for design work.
  • A team needs to upload a DESIGN.md or other Markdown design document to a Stitch project.
  • A direct Stitch MCP upload fails or truncates because the file's base64 representation exceeds output limits.

How do you install this skill?

Before you use it
  • Uploading sends the selected local file to the external Stitch API; confirm that it contains no sensitive information and avoid exposing the command-line API key through shared process listings or logs.
  • The documented --create-screen-instances option is inconsistent with the script, and network, parsing, and oversized-file failure paths are thin.
  • Stitch depends on an overseas service; mainland-China reachability, data residency, and compliance are not addressed in the supplied material.
Before you start
Your agent needs
  • Shell / CLI
  • Network access
  • Local filesystem
  • MCP Server
Install first
  • Stitch MCP server
  • Python 3

Use the selective installation command documented in the repository README: npx skills add google-labs-code/stitch-skills. In Codex, you can also add google-labs-code/stitch-skills as a marketplace and install the stitch-design plugin. The Stitch MCP server must be configured and running; the source does not document a separate installation directory for this individual skill.

Generic route: install into Claude Code manually (macOS / Linux)
tmp="$(mktemp -d)"
git clone --depth 1 https://github.com/google-labs-code/stitch-skills.git "$tmp"
mkdir -p ~/.claude/skills
cp -R "$tmp/plugins/stitch-design/skills/upload-to-stitch" ~/.claude/skills/
rm -rf "$tmp"

Generated from the source repository and skill path; it copies only this skill's folder. If the author's install steps above differ, follow those first. To scope it to one project, replace ~/.claude/skills with that project's .claude/skills.

How do you use this skill?

Try saying

Once installed, send your agent any of these to trigger it:

  • Upload `.stitch/landing_page.html` to Stitch project `projects/987654321`.

Use list_projects to identify the target projectId, confirm that the MCP configuration contains a valid Stitch API key, then use a prompt such as “Upload .stitch/landing_page.html to Stitch project projects/987654321.” Before running the upload script, the user must be shown the files' paths, sizes, and types and must explicitly approve. Then run scripts/upload_to_stitch.py with --project-id, --file-path, and --api-key; --api-url, --title, and --generated-by are optional.

What are this skill's strengths and limitations?

Pros
  • Supports local images, HTML pages, and Markdown design documents.
  • Uses direct script-based transfer to bypass MCP base64 output limits.
  • Provides optional API URL, screen title, and generation-source parameters.
  • Follows the Agent Skills open standard and is suitable for compatible clients such as Claude Code and Codex.
Limitations
  • Requires a configured Stitch MCP server and a valid Stitch API key.
  • Requires explicit user confirmation before the upload script runs, so it is not fully unattended.
  • The source does not provide test coverage, version compatibility, or maintenance metrics for the individual skill.
  • The documentation does not establish support for formats beyond the listed extensions.

How does this skill compare with similar options?

Side by side with related skills; every score comes from the same FSRS standard.

Skill FS score Stars Last updated License
Stitch Asset Uploader this page 38 · Not recommended ★ 8.5k 2mo ago Apache-2.0
Stitch Design System Manager 45 · Not recommended ★ 8.5k 2mo ago Apache-2.0
Stitch Prompt Refiner 49 · Use with care ★ 8.5k 2mo ago Apache-2.0
Stitch Code-to-Design 38 · Not recommended ★ 8.5k 2mo ago Apache-2.0
Figma Plugin API Operator ✓ OpenAI · Official 47 · Use with care ★ 28k 4mo ago —

The documented alternative is direct Stitch MCP tool usage: when direct MCP uploads fail or truncate because of base64 output limits, this skill runs an upload script that sends the file over HTTP. The source provides no comparison with other standalone upload products.

How did FollowSkills review this skill?

FollowSkills review · FSRS-2.0
Not recommended
38/ 100 5-point scale 1.9 / 5
The upstream repository has new commits since this review. The score still applies to the reviewed revision shown and may not cover the latest changes.
1Trust10 / 25 · 2.0/5

The evidence requires a valid API key and mandates user confirmation of file paths, sizes, and types before upload. However, it passes the key on the command line, does not explain credential exposure, sensitive-data handling, upload scope, revocation, or rollback, and sends local content to an external Stitch service; points are deducted for these gaps.

2Reliability7 / 20 · 1.8/5

The script provides extension validation, file-existence checks, MIME mapping, a timeout, and HTTP error output, making the main path plausible. It does not handle general network failures, JSON parsing failures, oversized files, or semantic API errors. The documentation also mentions --create-screen-instances, but the actual argument parser does not expose it; points are deducted. Static review limits this score to 10 or below.

3Adaptability5 / 15 · 1.7/5

The target scenario, supported inputs, required parameters, and basic trigger condition are fairly clear. Boundaries for sensitive files, oversized files, and non-fit cases are absent; the core function depends on Stitch and an overseas endpoint, with no Chinese-language or mainland-China reachability guidance; points are deducted.

4Convention7 / 15 · 2.3/5

The skill uses readable progressive sections, parameter documentation, a file-type table, prerequisites, and troubleshooting guidance. Repository context supplies an Apache-2.0 license and security-reporting path. The skill lacks its own version, changelog, named maintenance responsibility, update path, complete examples, and systematic limitation/troubleshooting coverage; points are deducted.

5Effectiveness6 / 15 · 2.0/5

The script can encode images, HTML, and Markdown and submit them as Stitch screens, plausibly completing the core upload task and avoiding model-output base64 truncation. There are no skill-specific tests, real result evidence, or verifiable usable-output examples, so API compatibility and post-upload usability remain unconfirmed; points are deducted under the static cap.

6Verifiability3 / 10 · 1.5/5

The source code, argument definitions, and request construction are auditable, and the repository includes a CI workflow. That workflow covers an unrelated react-components example and does not test this upload path or a real Stitch request; there is no third-party execution evidence or corroboration, so points are deducted.

1 2 3 4 5 6

Open a dimension to read why it scored that way

Reviewed Jul 20, 2026 Reviewed revision ad4b8bc8c519 Review evidence[1][2][3][4][5][6]

Evidence confidence:Low — Mostly static review, author material or a limited demo; useful for discovery, not high-risk decisions.

See the full review method →

FAQ

What credentials are required?
A Stitch API key is required. The documentation identifies supported MCP configuration locations; if the key cannot be found or accessed, the user must provide it.
Which file types are supported?
PNG, JPG, JPEG, WEBP, HTML, HTM, and MD files are supported, with MIME types inferred from their extensions.
Does the upload run automatically?
No. Before the upload script runs, the user must review the files' paths, sizes, and types and give explicit approval.
Can it work without Stitch MCP?
Not according to the source. The skill requires the Stitch MCP server to be configured and running, and no complete MCP-free workflow is documented.

More skills from this repository

All from google-labs-code/stitch-skills

Design & Frontend

Stitch Design System Manager

Create, update, and apply consistent project-level design systems in Stitch.

★ 8.5k FS 45 Not recommended 2mo ago
Design & Frontend

Stitch Prompt Refiner

Turns vague UI ideas into structured prompts optimized for better Stitch generation.

★ 8.5k FS 49 Use with care 2mo ago
Design & Frontend

Stitch Code-to-Design

Turn an existing frontend codebase into a Stitch-ready design and design system.

★ 8.5k FS 38 Not recommended 2mo ago
Design & Frontend

Stitch Design Taste

Generates rigorous, non-generic DESIGN.md systems for premium Google Stitch screen generation.

★ 8.5k FS 42 Not recommended 2mo ago
Design & Frontend

Stitch Static HTML Extractor

Turn a rendered web page into a self-contained HTML snapshot for sharing or Stitch upload.

★ 8.5k FS 49 Use with care 2mo ago
Design & Frontend

Stitch Design System Synthesizer

Analyze Stitch projects and turn existing UI patterns into a reusable DESIGN.md.

★ 8.5k FS 45 Not recommended 2mo ago
Design & Frontend

Stitch Screen Generator

Generate, edit, and explore Stitch screens from text or images.

★ 8.5k FS 45 Not recommended 2mo ago
Design & Frontend

Stitch React Component Builder

Turn Stitch screens into modular, maintainable, and validated React components.

★ 8.5k FS 45 Not recommended 2mo ago
Design & Frontend

Stitch Frontend Design Extractor

Turn frontend source code into a Stitch-ready DESIGN.md.

★ 8.5k FS 42 Not recommended 2mo ago
Dev & Engineering

Stitch Remotion Walkthrough Builder

Turn Stitch app screens into polished walkthrough videos with transitions, zoom effects, and contextual overlays.

★ 8.5k FS 43 Not recommended 2mo ago
Design & Frontend

Stitch Build Loop

Continuously generate, integrate, and advance website pages with Stitch iterations.

★ 8.5k FS 41 Not recommended 2mo ago
Dev & Engineering

Stitch React Dashboard Builder

Turn Stitch screens into production-ready React and Vite dashboards for dense data workflows.

★ 8.5k FS 40 Not recommended 2mo ago
Dev & Engineering

Stitch React Native Builder

Turn Stitch HTML designs into maintainable React Native components and sync existing native screens with design updates.

★ 8.5k FS 38 Not recommended 2mo ago
Design & Frontend

shadcn/ui Component Integration Guide

Guides developers through discovering, installing, customizing, and validating shadcn/ui components.

★ 8.5k FS 42 Not recommended 2mo ago

Related skills