SkillHub

Skills google-labs-code

stitch-skills Skill collection

A library of Agent Skills designed to work with the Stitch MCP server.

Source on GitHubSort and filter them in the skills list

8,705 stars on GitHub, Nov 9, 2026 · 4 skills

Its skills, most installed first

  1. stitch-loop

    Use it when:
    You want an agent to build a whole website with Google Stitch, Google's AI tool that generates UI screens from text, one page per run.
    It does:
    Reads the next page's prompt from a "baton" file, generates the screen in Stitch, adds its HTML to your site and wires up the navigation.
    type:workfloweffect:remoteneeds:mcpneeds:accountby:officialdesignprototypingai-generationagent-workflowsstack:stitch
    Age
    9 months
    Stars
    8.7K
    #90
    Total Downloads
    57.2K
    top 17%
    Weekly Downloads
    375
    top 47%

  2. remotion

    Use it when:
    You have app screens designed in Google Stitch, Google's AI UI design tool, and want a video that walks through them.
    It does:
    Downloads each screen's screenshot from Stitch, sets up a Remotion project (video made from React code), builds slides with zooms, transitions and text overlays, and renders it.
    type:workfloweffect:localneeds:mcpneeds:clineeds:accountby:officialvideoanimationstack:stitchstack:remotionstack:react
    Age
    9 months
    Stars
    8.7K
    #90
    Total Downloads
    42.1K
    top 19%
    Weekly Downloads
    351
    top 49%

  3. taste-design

    Use it when:
    You generate screens with Google Stitch, Google's AI tool that designs UI from text, and don't want them to look AI-made.
    It does:
    Sets the project's density, variance and motion levels, then writes rules for color, type, components, layout, responsiveness and motion, and a list of banned AI tells.
    type:workfloweffect:localneeds:accountby:officialdesigndesign-systemanti-slopstack:stitch
    Age
    7 months
    Stars
    8.7K
    #90
    Total Downloads
    21K
    top 28%
    Weekly Downloads
    386
    top 47%

  4. react-vite-dashboard

    Use it when:
    You've designed a data-dense dashboard in Google Stitch, Google's AI UI design tool, and want it as React code.
    It does:
    Fetches a screen through the Stitch MCP server, saves its HTML and screenshot, maps DESIGN.md tokens to CSS variables, then splits the screen into components, pages and hooks.
    type:workfloweffect:localneeds:mcpneeds:accountby:officialdesignimplementationaccessibilityweb3stack:stitchstack:reactstack:vitestack:typescriptstack:tanstack-query
    Age
    3 months
    Stars
    8.7K
    #90
    Total Downloads
    6.1K
    bottom 27%
    Weekly Downloads
    303
    bottom 49%