skills.rest
myrtlepn
myrtlepnCOMMUNITY
Explore all skills by this author →
GitHub

stitch

Generate and redesign UI screens using the Stitch MCP.

24|5|Updated Feb 14, 2026
Search Tags:#prototyping#ui design#ux#ai design#mockup#stitch
One-click install
npx skills add https://github.com/myrtlepn/gran-maestro --skill stitch-myrtlepn
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: stitch
Source: https://github.com/myrtlepn/gran-maestro/tree/main/skills/stitch
Command: npx skills add https://github.com/myrtlepn/gran-maestro --skill stitch-myrtlepn

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines UI design by leveraging AI to generate, iterate on, and visualize user interfaces, bridging the gap between abstract ideas and concrete visual mockups.

Core Features & Use Cases

  • AI-Powered Design Generation: Create UI screens from textual descriptions using the Stitch MCP.
  • Multi-Style & Variant Generation: Explore multiple design aesthetics and generate variations of a single screen.
  • Redesign Existing Screens: Fundamentally reimagine and redesign existing UI elements.
  • Use Case: A product manager needs to visualize a new feature. They can describe the feature to Stitch, get multiple design options, and then select the best one for further refinement or development.

Quick Start

Use the stitch skill to design a new login screen with a modern aesthetic.

Frequently Asked Questions about stitch

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

FAQPage Schema
How do I generate UI mockups from text descriptions?▼

Generate UI mockups from text descriptions by detailing your screen requirements to the Stitch MCP, which uses AI to translate your abstract ideas into concrete visual designs. This streamlines the creation of user interfaces from textual prompts.

Can I explore multiple design styles for a single screen?▼

Yes, you can explore multiple design styles for a single screen using the multi-style variant generation feature. This allows you to generate and compare different aesthetic options for your UI design before selecting the best fit.

How do I redesign existing user interfaces?▼

Redesign existing user interfaces by requesting a full design overhaul through the Stitch MCP. The tool fundamentally reimagines and regenerates your current UI elements to provide a fresh visual layout.

Does the UI design process integrate with plan and request artifacts?▼

Yes, the UI design process integrates with plan and request artifacts to provide context. This ensures that generating new screens or redesigning existing ones aligns with your established project requirements.

What is the best way to visualize a new product feature?▼

The best way to visualize a new product feature is to describe it to the AI-powered design generator. It produces multiple UI design options, allowing you to select the optimal mockup for refinement or development.

Related Skills

Explore More Design & Creative Skills→
webn77webn77

ascii-mockup-wireframe

Generate structured ASCII wireframes and mockups from page descriptions.

Community
Basic
zts212653zts212653
2.6k

pencil-design

Convert .pen design files into React/Tailwind components.

Community
Intermediate
carlheathcarlheath
9

design

Create wireframes, mockups, and prototypes for user-centered interfaces.

Community
Advanced
fusenginefusengine
22

tailwindcss-interactivity

Provide Tailwind CSS utility classes for user interaction behaviors and visual states.

Community
Basic