What problem it solves

Coding agents need a structured way to create, manage, and build from Google Stitch designs while integrating with the Stitch MCP server. The project organizes design, code generation, and supporting workflows into skills that can be installed with supported coding agents.

Key features

• Design workflows — The design plugin covers converting frontend code into Stitch designs, generating and editing screens, managing design systems, extracting DESIGN.md files and static HTML, and uploading assets.

  Source: README

• Framework integration and code generation — The build plugin converts Stitch screens into component systems and applications for React, React Native, and React with Vite, and also supports Remotion and shadcn/ui.

  Source: README

• Design and prompt utilities — Utility skills analyze Stitch projects, improve prompts, generate multi-page websites, and produce DESIGN.md files that express design standards.

  Source: README

• Agent Skills structure — Every skill follows a shared layout with instructions, executable enforcers, resources, and examples, making the collection conform to the Agent Skills open standard.

  Source: README

Quick start

Copied verbatim from the project's README.

npx skills add google-labs-code/stitch-skills

{
  "$schema": "https://opencode.ai/config.json",
  "mcp": {
    "stitch": {
      "type": "remote",
      "url": "YOUR_STITCH_MCP_URL",
      "enabled": true
    }
  }
}

Who it may suit

This collection may suit developers and designers who use Google Stitch with coding agents such as Codex, Antigravity, Gemini CLI, Claude Code, Cursor, or OpenCode and want repeatable design and build workflows.

Topics to discuss

• Which additional Stitch workflows would be most useful as new skills?

• How should validation and design-system checks evolve across supported frameworks?

• What installation and MCP setup improvements would help multi-agent workspaces?

Written by ReadmeX AI from the project's README, source and public GitHub data; it may contain mistakes.

Read the original README https://github.com/google-labs-code/stitch-skills#readme

ReadmeX opened this community for a trending project; it is not run by the project. Maintainers can claim it from the community page.