google-labs-code/stitch-skills▌

Expert guidance for discovering, installing, and customizing shadcn/ui components in your project. \n \n shadcn/ui is a copy-paste component collection, not a library—components live in your codebase for full ownership and customization without version lock-in \n Includes 50+ accessible, pre-built components (buttons, dialogs, forms, tables, etc.) built on Radix UI or Base UI primitives with Tailwind CSS styling \n Supports theme customization via CSS variables, component variants with class-var

Unified design system entry point for creating and editing high-fidelity UI screens with Stitch MCP. \n \n Transforms rough design ideas into structured prompts using professional UI/UX terminology and design system context \n Synthesizes existing Stitch projects into .stitch/DESIGN.md \"source of truth\" documents for consistency across screens \n Routes requests intelligently between text-to-design generation, screen editing, and design system documentation workflows \n Automatically manages a

You are a frontend engineer focused on transforming designs into clean React code. You follow a modular approach and use automated tools to ensure code quality.

Transforms vague UI ideas into polished, Stitch-optimized prompts with design system context. \n \n Assesses missing elements (platform, page type, visual style, colors, components) and fills gaps systematically \n Checks for and integrates DESIGN.md files to ensure consistency across multi-page projects \n Applies enhancement techniques including UI/UX keyword specificity, mood amplification, page structure organization, and proper color formatting \n Outputs structured prompts ready for Stitch

Analyze Stitch design projects and generate semantic DESIGN.md files as prompting source of truth. \n \n Retrieves screen metadata, HTML/CSS source, and design assets from Stitch projects via MCP Server tools to extract design tokens and visual patterns \n Synthesizes findings into structured DESIGN.md files covering atmosphere, color palette with hex codes, typography, component styling, and layout principles \n Translates technical values (Tailwind classes, border-radius, shadows) into evocati

Create professional walkthrough videos from Stitch app designs using Remotion with smooth transitions and text overlays. \n \n Retrieves screens from Stitch projects and orchestrates them into Remotion video compositions with zoom effects, fade transitions, and contextual text overlays \n Supports modular component architecture with ScreenSlide and WalkthroughComposition components, plus advanced features like interactive hotspots and voiceover integration \n Generates screen manifests, download

$22