pipe_design_gemini_ui_design_skill
CommunityGenerate glassmorphism UI designs with Gemini
Design & Creative#gemini#ui design#glassmorphism#tui#stitch mcp#html css to simple#component workflow
Authorormastes
Version1.0.0
Installs0
System Documentation
What problem does it solve?
It helps teams avoid spending weeks manually designing GUI/TUI screens by delegating professional glassmorphism UI mockups and components to Gemini, then converting the result into actionable UI artifacts.
Core Features & Use Cases
- Gemini-assisted UI design: Produces screen layouts, component lists with props/states, and interaction flows for both dark and light glassmorphism themes.
- Stitch MCP rendering: Uses Stitch tools to generate production-ready HTML/CSS prototypes from Gemini’s design output.
- Simple widget conversion: Translates rendered HTML into Simple
.splwidget code using the project’s glass tokens, themes, and widget builders.
Quick Start
Use the Gemini UI Design Step 3 workflow for your feature by providing the feature requirements and environment keys so the skill outputs GUI and TUI design docs plus component code.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: pipe_design_gemini_ui_design_skill Download link: https://github.com/ormastes/Spipe/archive/main.zip#pipe-design-gemini-ui-design-skill Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.