social-stitch-workflow

Generates social media key visuals and design variants via Google Stitch MCP.

3|3|Updated Apr 23, 2026
One-click install
npx skills add https://github.com/joaoguirunas/team-os --skill social-stitch-workflow-joaoguirunas
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: social-stitch-workflow
Source: https://github.com/joaoguirunas/team-os/tree/main/.claude/skills/social-stitch-workflow
Command: npx skills add https://github.com/joaoguirunas/team-os --skill social-stitch-workflow-joaoguirunas

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Creating campaign key visuals, post templates, and design variations for social media requires a repeatable design workflow; this Skill provides a structured process for using the Google Stitch MCP to set up projects, apply brand design systems, and generate screens without manual design tooling. ## Core Features & Use Cases - Project and Design System Setup: Creates Stitch projects and brand design systems with defined colors, fonts, and styles, then applies them to the project. - Screen and Variant Generation: Generates key visuals from descriptive text prompts and produces A/B variants, with support for editing screens into new formats like 9:16 stories. - Organized Asset Output: Delivers exported designs into a structured assets/design/ folder split by kv, feed, and story formats. - Use Case: A social media designer needs a campaign key visual plus feed and story adaptations; the workflow creates the project, applies the brand system, generates the KV, and derives the format variations. ## Quick Start Use the social-stitch-workflow skill to create a Stitch project for my campaign, apply my brand colors, and generate a key visual with three variants.

Frequently Asked Questions about social-stitch-workflow

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

FAQPage Schema
How do I generate social media designs with Google Stitch MCP?▼

Create a Stitch project with mcp__stitch__create_project, define a brand design system with colors and fonts, then call generate_screen_from_text with a descriptive prompt covering style, composition, palette, typography, mood, and format.

How to create design variants for A/B testing in Stitch?▼

Use mcp__stitch__generate_variants with the project ID, screen ID, and desired count to produce multiple variations of an approved screen. Review results with get_screen before selecting the final version.

What makes an effective prompt for Stitch screen generation?▼

Structure prompts as visual style, subject and composition, color palette, suggested typography, mood, format, and brand elements. For example, specify hex colors, a 1:1 format, and logo placement to get on-brand results.

What happens if the Stitch MCP is not connected?▼

The workflow requires the Stitch MCP to execute tool calls. Without it, the Skill instructs delivering a design specification as an artifact instead of generated screens.

How are exported social media design assets organized?▼

Outputs are organized under assets/design/ with subfolders for kv (key visuals), feed (1:1 and 4:5 formats), and story (9:16 format), keeping campaign deliverables separated by placement type.