google-labs-code/stitch-skills

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.

What it solves

This project provides a set of specialized skills and plugins for AI coding agents to integrate with Google Stitch. It bridges the gap between design and code by allowing agents to generate designs, convert existing code into designs, and transform those designs into production-ready frontend components (such as React or React Native).

How it works

It implements the Agent Skills open standard, providing a structured set of instructions, scripts, and resources that AI agents (like Codex, Claude Code, Cursor, and OpenCode) can load. These skills interact with the Stitch MCP (Model Context Protocol) server to perform actions such as extracting HTML from web apps, managing design systems via DESIGN.md files, and automating the creation of UI components.

Who it’s for

Developers and designers using AI coding agents who want to automate the workflow between UI design in Google Stitch and frontend implementation.

Highlights

  • Design Automation: Generate new screens from text/images or convert frontend code back into Stitch designs.
  • Code Generation: Convert Stitch designs into React, React Native, or React + Vite dashboards.
  • Design System Management: Extract and apply design tokens and themes using DESIGN.md files.
  • Multi-Agent Compatibility: Works with a variety of coding agents including Codex, Claude Code, Cursor, and OpenCode.
  • Visual Walkthroughs: Includes a skill to generate walkthrough videos of projects using Remotion.

Related

  • Project
    kangarooking/kangarooking-skills

    A collection of structured, open-source Agent Skills and workflows for AI agents to automate tasks ranging from content creation and 3D generation to complex software engineering.

  • Project
    Leonxlnx/taste-skill

    A collection of portable agent skills that guide AI coding agents to create premium, anti-slop frontend interfaces with professional design and motion.

  • Project
    MengTo/Skills

    A curated library of procedural agent skills and prompt playbooks designed to help AI coding agents build high-quality UIs, games, and frontend systems consistently.

  • Project
    ConardLi/garden-skills

    A curated collection of production-ready skills for AI coding agents (Claude Code, Cursor, Codex) to perform specialized tasks in web design, video production, and image generation.

  • Project
    Pluviobyte/rnskill

    A comprehensive library of 55 AI Agent skills for Codex and Claude Code that automates content creation, video production, and business diagnosis workflows.