Skill UI

Visits target URLs to capture screenshots and inspect pages, then extracts palettes, typography, layouts, and repeatable UI patterns so design teams can document inspiration for new projects.

Craft polished demo videos from screenshots or scene descriptions, orchestrating Playwright screenshots, narration via edge-tts, and ffmpeg compositing with clear story beats, pacing, and single-focus scenes so product walkthroughs and marketing teasers feel cinematic.

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.