Skills
.Work. You
Rest

stitch-ui

Community

Design UIs with Stitch, then code.

Design & Creative#code generation#prototyping#playwright#ui design#ux#stitch mcp
Authorxbghc
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates the UI design process by generating visual mockups and then producing verified code, streamlining the transition from concept to implementation.

Core Features & Use Cases

  • AI-Powered Design Generation: Creates UI designs based on user requirements using Stitch MCP.
  • Two-Phase Delivery: Delivers designs first as screenshots for review, then generates and verifies code upon approval.
  • Use Case: A product manager needs a new dashboard. They describe the requirements, the skill generates a visual mockup for feedback, and upon approval, generates the front-end code that is then tested with Playwright.

Quick Start

Use the stitch-ui skill to generate a login screen based on the description: "A clean login page with fields for email and password, and a prominent login button."

Dependency Matrix

Required Modules

None required

Components

references

💻 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: stitch-ui
Download link: https://github.com/xbghc/claude-plugins/archive/main.zip#stitch-ui

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.