stitch-ui-designerDesign, preview, and generate UI code using Google Stitch (via MCP). Helps developers choose the best UI by generating previews first, allowing iteration, and then exporting code.
Install via ClawdBot CLI:
clawdbot install a2mus/stitch-ui-designerGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Generated Feb 27, 2026
Startup founders and product managers can quickly generate UI mockups for new features or landing pages, such as a signup flow or dashboard, to validate ideas with stakeholders before development. This reduces design iteration time and aligns teams visually early in the cycle.
E-commerce businesses can use the skill to design and preview updated product pages, checkout interfaces, or admin panels, ensuring a user-friendly experience. Iterating on previews helps optimize conversion rates without immediate coding overhead.
Edtech companies can create interactive learning interfaces, such as quiz screens or progress trackers, by describing educational needs. Previewing designs allows for feedback from educators and students to enhance usability before implementation.
Healthcare providers can design patient portals or appointment scheduling interfaces tailored to specific workflows. Generating previews first ensures compliance with accessibility standards and user needs, reducing rework in development.
Offer a free tier for basic UI design and previews, with paid upgrades for advanced features like code export, team collaboration, or premium templates. Revenue comes from subscription plans targeting individual developers and small teams.
Integrate the skill into a design agency's workflow to quickly produce client mockups, charging per project or hourly for design iterations and code delivery. This accelerates proposal creation and client approvals, increasing service throughput.
Sell enterprise licenses to large companies for internal UI design, bundled with training, support, and customization. Revenue is generated through one-time setup fees and annual maintenance contracts, targeting industries like finance or logistics.
💬 Integration Tip
Ensure mcporter and stitch-mcp-auto are properly configured with Google Cloud authentication to avoid project ID errors; always fetch previews before code to save tokens and time.
Scored Apr 15, 2026
UI/UX design intelligence and implementation guidance for building polished interfaces. Use when the user asks for UI design, UX flows, information architecture, visual style direction, design systems/tokens, component specs, copy/microcopy, accessibility, or to generate/critique/refine frontend UI (HTML/CSS/JS, React, Next.js, Vue, Svelte, Tailwind). Includes workflows for (1) generating new UI layouts and styling, (2) improving existing UI/UX, (3) producing design-system tokens and component guidelines, and (4) turning UX recommendations into concrete code changes.
Comprehensive UI design skill covering fundamentals, patterns, and anti-patterns. Layout, typography, color, spacing, accessibility, motion, and component design. Use when building any web interface, reviewing design quality, or creating distinctive UIs.
Generate and serve live HTML/CSS/JS UI designs from natural language prompts. Use when the user asks to design, create, build, or prototype a website, landing page, UI, dashboard, web page, or frontend mockup. Also triggers on requests to update, tweak, or iterate on a previously generated design. Replaces traditional UI design + frontend dev workflow.
Professional Figma design analysis and asset export. Use for extracting design data, exporting assets in multiple formats, auditing accessibility compliance, analyzing design systems, and generating comprehensive design documentation. Read-only analysis of Figma files with powerful export and reporting capabilities.
UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer han...
Next.js 16 Cache Components - PPR, use cache directive, cacheLife, cacheTag, updateTag