What you get

Automate the conversion of designs into React/React Native code and rapidly build high-quality UI components and dashboards.

Automate Design-to-Code with Google Stitch

Added 2026-07-26

A library of agent skills designed for the Google Stitch MCP server, enabling automated workflows from design generation to frontend implementation.

VerifiedDesign & VideoEngineering
View on GitHub ↗
Automate Design-to-Code with Google Stitch preview

Stitch Skills is a collection of plugins following the Agent Skills open standard, designed to integrate seamlessly with coding agents like Claude Code, Cursor, and Gemini CLI. The library covers a full-stack development lifecycle, from design system management and UI screen generation to converting designs into React and React Native code. By configuring the Stitch MCP server, developers can efficiently transform designs into production-ready code and leverage automation tools to streamline their development workflow.

Related skills

Taste Skill — High-Taste Frontend DesignAn anti-AI-aesthetic skill that prevents agents from producing generic purple-gradient interfaces. Sponsored by Vercel.Design & Video · Engineering45.2K installsBuild Editable Remotion Videos with Best PracticesA collection of automated skills and best practices for Remotion video development.Design & Video · Engineering4.1K installsApply Vue, Vite, and Nuxt Best PracticesA curated collection of agent skills by Anthony Fu, focusing on Vue, Vite, Nuxt, and modern frontend development best practices.Engineering · Design & Video5.7K installsCreate High-Quality UI Animations and InteractionsA professional skill set by Emil Kowalski designed to help design engineers improve UI animations, aesthetic decision-making, and interaction quality.Design & Video · Engineering20.9K installs