stitch-ui-design-variants
Stitch Design Variants
This skill acts as a Variant Generator. It takes a base design and produces alternative prompts to explore different creative directions.
Input
- Base Spec: The original Design Spec or Prompt.
- Variant Type:
LAYOUT: Keep style, change structure.STYLE: Keep structure, change theme/colors.CONTENT: Keep design, change text/data.
Output Format (List of Strings)
A list of 3 distinct prompts.
Logic Rules
1. Layout Variants
- Variant A: Standard layout.
- Variant B: Split screen or asymmetrical layout.
- Variant C: Minimalist/Hidden navigation layout.
2. Style Variants
- Variant A: Original Theme.
- Variant B: Inverted Theme (Light <-> Dark).
- Variant C: High Contrast / Monochromatic.
Usage Example
User: "Give me 3 style options for this dashboard." Output:
- "Desktop Dashboard... Dark Mode... Blue accents..."
- "Desktop Dashboard... Light Mode... Clean white/grey..."
- "Desktop Dashboard... High Contrast... Black and White..."
References
More from partme-ai/stitch-skills
stitch-ui-designer
The Master Orchestrator. Handles the end-to-end flow of designing and generating UI screens. Use this for all "Design X" requests.
20stitch-ui-prompt-architect
Builds Stitch-ready prompts from vague UI ideas or from Design Spec and User Request. Outputs sectioned Context, Layout, and Components. Supports DESIGN.md and framework contract prefix.
7stitch-mcp-generate-screen-from-text
Generates high-fidelity UI screens or wireframes from text descriptions. The core Text-to-UI engine.
7stitch-mcp-list-projects
Lists all Stitch projects accessible to the user.
5stitch-mcp-get-screen
Retrieves the full details of a specific screen, including HTML code.
4stitch-ui-design-spec-generator
Translates user requirements into structured Design Specs for Theme, Color, and Typography.
4