stitch
CommunityAI-powered UI design and code generation.
AuthorKuass
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill streamlines UI design workflows by enabling AI to interact with Google Stitch designs, allowing for the extraction of design context, generation of code from designs, and creation of new screens from text descriptions.
Core Features & Use Cases
- Design Context Extraction: Retrieve colors, typography, and spacing information from Stitch designs.
- Code Generation: Produce production-ready code directly from visual designs.
- AI-driven Screen Creation: Generate new UI screens based on natural language prompts.
- Use Case: A developer can use this Skill to quickly generate the front-end code for a new feature based on a designer's mockups in Google Stitch, significantly accelerating the development cycle.
Quick Start
Use the stitch skill to generate a new mobile login screen from the prompt 'Create a modern login page with email and password fields, social login buttons, and a forgot password link' for project ID 'my-project-123'.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: stitch Download link: https://github.com/Kuass/kiro-gateway-plus/archive/main.zip#stitch Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.