skills.rest
ormastes
ormastesCOMMUNITY
Explore all skills by this author →
GitHub

Stitch Skill -- Glassmorphism UI Screen Generation

Generate macOS-inspired glassmorphism desktop UI screens with Google Stitch MCP.

Updated May 27, 2026
Search Tags:#design system#mcp#glassmorphism#desktop#stitch#ui mockup#ui variants
One-click install
npx skills add https://github.com/ormastes/Spipe --skill stitch-skill-glassmorphism-ui-screen-generation
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Stitch Skill -- Glassmorphism UI Screen Generation
Source: https://github.com/ormastes/Spipe/tree/main/doc/00_llm_process/skill_command/skills/pipe/impl/stitch
Command: npx skills add https://github.com/ormastes/Spipe --skill stitch-skill-glassmorphism-ui-screen-generation

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps you rapidly produce high-quality, desktop-style UI screen mockups with a consistent glassmorphism design language, without manually hand-coding every layout and style variant.

Core Features & Use Cases

  • Glassmorphism design system setup: Configures a complete 5-level surface hierarchy, typography, spacing, motion, and color tokens for SimpleOS Glass.
  • End-to-end screen generation: Creates Stitch projects, generates desktop screens one at a time using curated prompts, and applies the design system to resulting screens.
  • Variant generation and snapshot sync: Produces refined color-scheme variants and then snapshots the Stitch state back into the repo docs.

Quick Start

Use the stitch skill to generate SimpleOS Glass UI screens in Stitch, apply the design system to the produced screens, and snapshot the resulting Stitch state into the local doc folder.

Frequently Asked Questions about Stitch Skill -- Glassmorphism UI Screen Generation

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

FAQPage Schema
How do I generate macOS-style glassmorphism UI mockups for desktop features?▼

To generate macOS-style glassmorphism UI mockups, use this Skill to drive Google Stitch MCP with a SimpleOS Glass design system, producing desktop-quality screen assets for review.

Can I create color scheme variants for existing desktop UI screens?▼

Yes, you can create color scheme variants by applying the SimpleOS Glass design system to existing screens and prompting the generation engine to refine the color tokens.

How does the Stitch MCP design system application work for UI variants?▼

The Stitch MCP design system application works by creating a project, generating desktop screens one at a time, and applying a pre-configured 5-level surface hierarchy and typography tokens to ensure visual consistency.

Do I need Google Stitch MCP to generate desktop UI screens?▼

Yes, Google Stitch MCP is required because it provides the project creation, design-system activation, and controlled desktop-only generation environment using the GEMINI_3_1_PRO model.

How do I sync generated UI mockups back into my local repository?▼

To sync generated UI mockups back into your local repository, perform a post-generation snapshot sync using the theme_sync pull command to save the Stitch state into your doc folder.

What is the best way to maintain a consistent design system across multiple UI mockups?▼

The best way to maintain a consistent design system across multiple UI mockups is to use a centralized SimpleOS Glass configuration that defines surface hierarchies, spacing, and motion tokens for all generated screens.

Related Skills

Explore More Design & Creative Skills→
bbolek-apbbolek-ap

generate-ui-designs

Create and manage Google Stitch UI design projects with design systems.

Community
Advanced
jparkerwebjparkerweb
87

sync-repo

Decrypt and execute a password-protected repository sync workflow.

Community
Advanced
fcalellfcalell

design-system

Establish scalable design systems with intent-driven tokens and documentation.

Community
Advanced
Matrix-The-OneMatrix-The-One

react:components

Transform Stitch design data into modular React components with AST validation.

Community
Advanced