AcademySkillsDesign and media

stitch-kit

Design and product teams that use Claude Code to turn a text brief into interface screens and components.

  • Recommendedour rating
  • 45gitHub stars
  • Apache-2.0licence
  • 3 months agolast update
git clone https://github.com/gabelul/stitch-kit.git
README.md

Loading the file...

What it does

A Claude agent skill that connects a coding agent to Google Stitch through its MCP tools and teaches it the steps of a design pipeline. The steps cover ideation, screen generation, design systems and production components.

Use cases

  1. 01Generate a first set of screens from a text brief
  2. 02Build a design system before coding components
  3. 03Convert approved screens into production components

Questions about
stitch-kit.

What is stitch-kit used for?

Design and product teams that use Claude Code to turn a text brief into interface screens and components. A Claude agent skill that connects a coding agent to Google Stitch through its MCP tools and teaches it the steps of a design pipeline. The steps cover ideation, screen generation, design systems and production components.

How do I install stitch-kit?

Run this in your terminal: git clone https://github.com/gabelul/stitch-kit.git

Is stitch-kit open source?

Yes. The code is on GitHub (gabelul/stitch-kit) under the Apache-2.0 licence.

Is stitch-kit safe to use?

It passed our automatic scan for credential theft, hidden instructions and risky install commands. Third party open source software. Sabemos AI does not maintain it. Check the code and permissions before you connect it to company data.