Skill UI

Auto-activating visual content skill that helps you plan and build API flow diagrams, covering best practices, Mermaid-style layouts, production-ready code, and standard validations when the topic is mentioned.

Automates mermaid flowchart generator guidance, producing code, configuration, and validation for visual content scenarios such as diagrams, charts, and presentations with best-practice recommendations.

Guides the creation of Mermaid sequence diagrams by offering best-practice patterns, code generation, and validation suited for visual documentation or presentation workflows.

Automates guidance and code generation for delivering network diagrams, following best practices and validation checks whenever you request help with diagramming or visualization tasks.

Auto-activating skill that delivers step-by-step guidance, best-practice validation, and production-ready code for crafting process flow visuals, diagrams, and documentation whenever you invoke the process flow generator.

This utility burns an SRT subtitle track directly into an MP4 video file using ffmpeg's libass filter. It re-encodes the video (H.264) while copying the audio untouched. It supports defining custom font fallback chains (e.g., CJK fonts) and provides detailed control over font size, margins, and video encoding parameters (CRF, preset) for professional subtitling workflows.

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.

A comprehensive guide detailing the aesthetic and technical implementation of AI-native user interfaces for web and mobile applications. It emphasizes conversational flow, adaptive layouts, and generative state visual cues, providing CSS, SwiftUI, and Flutter code examples.

A comprehensive guide for implementing soft pastel, low-contrast aesthetics across web, iOS (SwiftUI), and Flutter applications. Details include desaturated color palettes (mint, blush, lavender), rounded corner principles, airy spacing techniques, and specific CSS/SwiftUI code examples for achieving a calming, gentle user interface suitable for lifestyle or baby-related branding.