stitch
Generate UI designs and frontend code with Google Stitch via MCP. Use when asked to create screens, mockups, UI designs, or generate frontend code from text descriptions. Supports desktop, mobile, and tablet layouts.
88
82%
Does it follow best practices?
Impact
100%
2.12xAverage score across 3 eval scenarios
Advisory
Suggest reviewing before use
Evaluation results
100%
47%Automate UI Prototype-to-Production Design Workflow
Iteration workflow and model selection
FLASH for prototypes
0%
100%
PRO for finals
0%
100%
Project created first
50%
100%
Code extraction step
37%
100%
No retry on timeout
100%
100%
mcporter call syntax
0%
100%
Prompts specify layout
100%
100%
Prompts specify components
100%
100%
Prompts specify style
100%
100%
Multi-screen coverage
100%
100%
Correct model ID spelling
0%
100%
100%
49%Cross-Platform UI Generation for a Productivity App
Device types and prompt engineering
MOBILE deviceType
0%
100%
TABLET deviceType
0%
100%
DESKTOP deviceType
0%
100%
Prompts specify layout
100%
100%
Prompts specify components
100%
100%
Prompts specify content
100%
100%
Prompts specify style
100%
100%
No weak/vague prompts
100%
100%
Design consistency reference
35%
100%
mcporter call syntax
0%
100%
projectId parameter used
0%
100%
100%
62%SaaS Analytics Platform Design Automation
Output suggestions handling and design consistency
output_components checked
0%
100%
Re-call with suggestion
0%
100%
Design consistency reference
100%
100%
fetch_screen_code used
0%
100%
fetch_screen_image used
0%
100%
get_screen for status check
50%
100%
No retry loop
100%
100%
mcporter call syntax
0%
100%
Multiple screens generated
100%
100%
- Repository
- Dicklesworthstone/pi_agent_rust
- Commit
47823e3
- Evaluated
- Agent
- Claude Code
- Model
- Claude Sonnet 4.6
Table of Contents
Is this your skill?
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.