stitch-skills
A library of Agent Skills designed to work with the Stitch MCP server. Each skill follows the Agent Skills open standard, for compatibility with coding agents such as Antigravity, Gemini CLI, Claude Code, Cursor.
Ensure design token consistency across converted Stitch Skills pages. Learn how a central DESIGN.md and validation gates maintain synchronization, preventing conversion errors.
How to Structure Prompts for Stitch Design Generation vs. EditingMaster Stitch prompts for design generation and editing. Learn how to structure layout content hierarchy for generation and utilize precise styling for targeted edits.
How to Handle Inter-Skill Dependencies When Installing Skills Selectively in Stitch SkillsLearn how Stitch Skills automatically resolves inter-skill dependencies by building a DAG from SKILL.md manifests. Ensure transitive dependencies are installed for seamless skill execution.
Common Anti-Patterns to Avoid with the react-components Skill: A Complete GuideLearn common anti-patterns to avoid with the react-components skill. Prevent validation failures and create maintainable React components.
How to Generate Walkthrough Videos from Stitch Projects Using RemotionEffortlessly generate walkthrough videos from Stitch projects with Remotion. Extract screen assets, add animations, and create polished video guides. Learn how today.
Integrating shadcn/ui Components with Generated Stitch Designs: From Mock-Up to ProductionEffortlessly integrate shadcn/ui components with generated Stitch designs. Transform AI mockups into type-safe React interfaces with shared CSS variables for faster development. Learn how!
How to Convert Stitch Designs to React Native with Platform-Specific CodeConvert Stitch designs to React Native effortlessly. Learn how to generate platform-specific code using the stitch-skills repository for production-ready components.
Difference Between Generate from Text and Generate from Image Flows in StitchExplore the differences between Stitch's generate from text and generate from image flows. Learn how to create designs using text prompts or image uploads for efficient HTML conversion.
Validating React Components Using AST-Based Validators in Stitch-SkillsLearn to validate React components with Stitch-Skills AST-based validators. Enforce architectural standards like naming and theme adherence using static analysis powered by @swc/core.
How to Generate Multi-Page Websites from a Single Prompt Using stitch-loopLearn how to generate multi-page websites from a single prompt using stitch-loop. Discover the autonomous baton-passing workflow for efficient site creation.
How to Upload Local Assets to a Stitch Project: A Complete GuideLearn how to upload local assets to a Stitch project using the upload-to-stitch skill. Easily send images HTML and Markdown files directly to your Stitch project.
How to Add Dark Mode Support When Converting Stitch Designs to React ComponentsLearn to add dark mode support when converting Stitch designs to React. Capture designs with a dark class, configure Tailwind, and apply dark variants for seamless dark mode integration.
Have a question about this repo?
These articles cover the highlights, but your codebase questions are specific. Give your agent direct access to the source. Share this with your agent to get started:
curl -s "https://instagit.com/install.md" 
Maintain an open-source project? Get it listed too →