From stitch-kit
Generates alternative design variants for existing Stitch screens via native API, varying layouts, colors, fonts, or content with configurable creativity levels. For exploring options or A/B testing.
npx claudepluginhub gabelul/stitch-kit --plugin stitch-kitThis skill is limited to using the following tools:
Generates alternative versions of existing screens using Stitch's native variant generation API. This is more efficient than the text-prompt approach (1 API call vs. 3) and offers fine-grained control over what aspects to vary.
Generates 3 alternative Stitch prompts for A/B testing UI screen concepts by varying layout, visual style, or content while preserving information architecture.
Generates 3 distinct Stitch UI design variant prompts (layout, style, content) from a base spec for A/B testing and creative exploration.
Designs UI screens using Stitch SDK. Activates automatically on keywords like 화면, UI, page, screen, 디자인; useful for explicit design requests, new screens, or redesigns.
Share bugs, ideas, or general feedback.
Generates alternative versions of existing screens using Stitch's native variant generation API. This is more efficient than the text-prompt approach (1 API call vs. 3) and offers fine-grained control over what aspects to vary.
Only use this skill when the user explicitly mentions "Stitch".
You must have both a projectId AND at least one screenId of an existing screen. Variants are always based on an existing design — you can't generate variants from scratch.
{
"name": "generate_variants",
"arguments": {
"projectId": "3780309359108792857",
"selectedScreenIds": ["88805abc123def456"],
"prompt": "Explore different color schemes while keeping the layout structure",
"variantOptions": {
"variantCount": 3,
"creativeRange": "EXPLORE",
"aspects": ["COLOR_SCHEME", "IMAGES"]
},
"deviceType": "DESKTOP",
"modelId": "GEMINI_3_1_PRO"
}
}
projectId — numeric ID only, no prefix✅ "3780309359108792857"
❌ "projects/3780309359108792857"
selectedScreenIds — array of numeric screen IDs✅ ["88805abc123def456"]
❌ ["projects/123/screens/88805abc123def456"]
The source screen(s) to generate variants from.
prompt — optional guidance for variant directionProvide context about what kind of variations the user wants. The variantOptions do the heavy lifting, but the prompt adds nuance.
variantOptions — controls what and how much to vary| Field | Type | Values | Description |
|---|---|---|---|
variantCount | int | 1–5 | Number of variants to generate |
creativeRange | enum | REFINE, EXPLORE, REIMAGINE | How much to deviate from the original |
aspects | array | See below | Which design aspects to vary |
creativeRange mapping from user language| User says | → creativeRange | What it does |
|---|---|---|
| "subtle changes", "minor tweaks", "polish" | REFINE | Small refinements, stays close to original |
| "alternatives", "different options", "explore" | EXPLORE | Meaningful differences while keeping the concept |
| "radical", "completely different", "reimagine" | REIMAGINE | Major departures from the original design |
aspects — what to vary| Value | Varies | Keeps stable |
|---|---|---|
LAYOUT | Structure, spacing, component arrangement | Colors, fonts, content |
COLOR_SCHEME | Colors, gradients, contrast | Layout, fonts, content |
IMAGES | Photography, illustrations, icons | Layout, colors, text |
TEXT_FONT | Typography, font choices, sizes | Layout, colors, content |
TEXT_CONTENT | Copy, labels, placeholder text | Layout, colors, fonts |
You can combine aspects: ["LAYOUT", "COLOR_SCHEME"] varies both simultaneously.
deviceType — optionalSame enum: MOBILE, DESKTOP, TABLET, AGNOSTIC
modelId — optional| Value | Use when |
|---|---|
GEMINI_3_1_PRO | Recommended — complex layouts, high fidelity |
GEMINI_3_FLASH | Fast iteration, wireframes, simple changes |
GEMINI_3_PRO | Deprecated. Still works but will be removed. Use GEMINI_3_1_PRO instead. |
Returns new screens added to the project. Each variant appears as a separate screen in list_screens.
stitch-mcp-list-screens to find all new variant screensstitch-mcp-get-screen for each to get screenshotsstitch-mcp-edit-screensgenerate_variants callprojects/ID format for projectId or screenId — both must be numericvariantCount above 5 — the API caps at 5