Skill UI

Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files

Guides how to craft detailed prompts for Google Stitch so it generates high-quality web and mobile UI designs, covering specificity, visual style, multi-screen structure, platform targeting, and iterative refinement.

This expert acts as a Design Systems Lead and Prompt Engineer for creating high-fidelity, consistent UI designs. It transforms vague ideas into structured specifications by enhancing prompts with professional UI/UX terminology, synthesizing design system source files, and managing multi-step generation and editing workflows using the Stitch MCP.

This skill acts as an expert Design Systems Lead, analyzing complex technical assets (HTML, CSS, screenshots) from existing projects. It synthesizes a comprehensive 'Semantic Design System' into a structured DESIGN.md file. This output serves as the authoritative 'source of truth' for AI prompting, ensuring that any new UI generated by tools like Stitch adheres perfectly to the established visual language, color palette, and component standards.

Generates structured DESIGN.md files that serve as a single source of truth for AI-powered screen generation (Google Stitch). This skill translates complex, anti-generic design directives into precise semantic rules, covering typography, color calibration, motion physics, and layout principles to enforce a premium, high-agency UI/UX standard. It ensures outputs are sophisticated and avoid common AI design clichés.

This tool concatenates multiple numbered MP4 segments (e.g., 1_*.mp4, 2_*.mp4) into a single cohesive video file. It provides advanced features like optional fade transitions and automatic normalization of resolution, frame rate, and codecs. Use it when a workflow generates several short clips that need to be seamlessly stitched together into a final, polished reel.