Help us improve
Share bugs, ideas, or general feedback.
From stitch
Activates Google Stitch tools to generate high-fidelity HTML screens and mockups from text prompts, edit existing screens, and manage Stitch projects.
npx claudepluginhub devinilabs/claude-stitch-setupHow this skill is triggered — by the user, by Claude, or both
Slash command
/stitch:stitch-mcpThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
This plugin exposes Google Stitch's screen-generation tools through MCP. Use it when the user wants to design a UI, generate mockups, or iterate on screens.
Creates p5.js generative art with seeded randomness, noise fields, and interactive parameter exploration. Use for algorithmic art, flow fields, or particle systems.
Share bugs, ideas, or general feedback.
This plugin exposes Google Stitch's screen-generation tools through MCP. Use it when the user wants to design a UI, generate mockups, or iterate on screens.
When the stitch MCP server is running, these tools appear (prefixed mcp__stitch__):
Check /mcp in Claude Code to see the live tool list.
Before generating, ask the user for:
Enhance vague prompts before calling generate_screen_from_text. Thin prompts produce generic screens. A good prompt specifies: layout type, key components, tone/mood, color direction, typography feel.
After generating, present the screenshot URL to the user. Offer to:
edit_screensIf the project already has screens, read the existing style first (colors, type scale, spacing, component patterns) before generating a new one. Keep the new screen visually cohesive with what exists.
.env.example to .env in the plugin folder and paste their key from https://stitch.withgoogle.com/./plugin to check status.