stitch-skills

A library of 16+ Agent Skills for design and code generation with Google Stitch.

Free Design & Creative ★ 8546
View on GitHub →
#53 of 58 skill repos
8.5k GitHub stars
+47 stars this week
google-labs-code author

// about

Stitch Skills is built to the Agent Skills open standard for use with the Google Stitch MCP server. The skills are grouped into three plugins: one for design generation, one for turning designs into code, and one covering supporting utilities like prompt enhancement and design evaluation.

// how to install
Install via CLI commands for Codex, Claude Code, or Cursor; requires the Stitch MCP server to be configured.
// works with Claude CodeCursorCodexGemini CLIOpenCode

// what’s inside

This repository bundles the following skills:

  • stitch::code-to-design: Converts existing code into a Stitch design.
  • stitch::generate-design: Generates a new design from a prompt.
  • stitch::manage-design-system: Manages a project’s design system in Stitch.
  • stitch::react-components: Generates React components from a Stitch design.
  • stitch::react-native: Generates React Native code from a Stitch design.
  • remotion: Generates Remotion video code from a Stitch design.
  • shadcn-ui: Generates shadcn/ui-based components from a Stitch design.
  • enhance-prompt: Utility skill that refines a design prompt before generation.
  • taste-design: Utility skill for evaluating design quality.