google-labs-code/stitch-skills

Agent skills in the GitHub repository google-labs-code/stitch-skills, each with its code score out of 100.

A library of Agent Skills designed to work with the Stitch MCP server. Each skill follows the Agent Skills open standard, for compatibility with coding agents such as Antigravity, Gemini CLI, Claude Code, Cursor.

Repository score

60 / 100 C

Skills

16

Verified

0

Average skill score

62

GitHub stars

8,747

License

Apache-2.0

Open google-labs-code/stitch-skills on GitHub

16 skills in this repository

1. stitch-loop

   Teaches agents to iteratively build websites using Stitch with an autonomous baton-passing loop pattern

   76B
2. react-vite-dashboard

   Convert Stitch designs into production React + Vite dashboards with TanStack Query, accessible tokens from DESIGN.md, and Web3-ready patterns (ethers/viem).

   72B
3. stitch::extract-static-html

   Extract self-contained static HTML from a built web application or React components by inlining CSS and images. Use this skill whenever you need to capture a specific UI state, sh…

   71B
4. stitch::extract-design-md

   Extract a comprehensive design system (DESIGN.md) directly from frontend source code — React, Vue, Svelte, Angular, plain HTML/CSS, or any web framework. Analyzes component files,…

   66C
5. remotion

   Generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays

   64C
6. shadcn-ui

   Expert guidance for integrating and building applications with shadcn/ui components, including component discovery, installation, customization, and best practices.

   63C
7. stitch::upload-to-stitch

   Upload local assets (images, mockups, extracted HTML, design markdown) to a Stitch project. ALWAYS use this skill when you need to upload visual assets, HTML pages, or design docs…

   62C
8. stitch::code-to-design

   Convert frontend code (Vite, React, Angular, Vue, etc.) to a Stitch Design by chaining static HTML extraction, design system extraction, and file upload. **ALWAYS** use this skill…

   61C
9. stitch::react-components

   Converts Stitch designs into modular Vite and React components, or syncs/updates existing React components to align with the latest Stitch designs, using system-level networking a…

   61C
10. stitch::react-native

    Convert Stitch HTML designs to React Native components, or syncs/updates existing native components to align with the latest Stitch designs, using StyleSheet.

    61C
11. design-md

    Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files

    60C
12. enhance-prompt

    Transforms vague UI ideas into polished, Stitch-optimized prompts. Enhances specificity, adds UI/UX keywords, injects design system context, and structures output for better gener…

    60C
13. site-md

    Analyze a project description or site requirements and synthesize a project constitution into SITE.md for the Stitch Build Loop

    58C
14. taste-design

    Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography, calibrated color, asy…

    56C
15. stitch::manage-design-system

    Manage design systems in Stitch using MCP tools. Includes retrieval of assets, creating/updating design systems in Stitch, and applying them to screens.

    49D
16. stitch::generate-design

    Generate new screens from text prompts or images, edit existing screens with prompts and design system tokens, and generate design variants using Stitch MCP. Includes prompt enhan…

    48D

Scores come from a snapshot of 300 public GitHub repositories taken on 12 November 2026. Every score is the result of fixed checks run by code; no AI is involved. How scoring works.