Overview
Unlock the power of AI-driven design and development with Stitch Design Skills, a comprehensive library of agent skills and plugins built for Google Stitch and adhering to the Agent Skills open standard. This repository empowers coding agents like Codex, Antigravity, Gemini CLI, Claude Code, and Cursor to seamlessly interact with and manipulate Stitch designs and build workflows.
Key Features
- Agent Skills Open Standard: Ensures broad compatibility with leading AI coding assistants.
- Modular Design: Organized into
stitch-design,stitch-build, andstitch-utilitiesplugins for targeted functionality. - Design-to-Code & Code-to-Design: Convert frontend code into Stitch designs and generate production-ready React and React Native components from Stitch designs.
- Design System Management: Facilitate the extraction, management, and application of design systems within Stitch.
- AI-Powered Generation: Create new screens, design variants, and even complete multi-page websites from simple text prompts or images.
- Utility & Enhancement: Improve prompt engineering, generate design documentation (DESIGN.md), and enforce premium UI standards.
- Quick Integration: Streamlined setup options for popular agents like Codex, Claude Code, and Cursor.
Typical Use Cases
- Rapid Prototyping: Quickly generate new UI screens and design variants from natural language descriptions or existing code.
- Design System Migration: Effortlessly extract design tokens from frontend code into a structured DESIGN.md and apply them across Stitch projects.
- Frontend Development: Convert Stitch designs into clean, validated React or React Native components, accelerating the development cycle.
- AI-Assisted Design Iteration: Use agents to edit existing designs, generate multiple design options, and explore different layouts and themes.
- Automated Documentation: Generate comprehensive design documentation (DESIGN.md) for Stitch projects, ensuring consistency and clarity.
- Building Engaging Walkthroughs: Create video demonstrations of Stitch projects using the integrated Remotion skill.
- Enhancing AI Design Prompts: Transform vague UI ideas into detailed, actionable prompts optimized for Stitch's capabilities.
