Skill UI

This skill guide is essential for building advanced applications using Gemini and Gemma 4 hosted models. It covers working with multimodal content (text, images, audio, video), implementing complex features like function calling and structured output. It provides up-to-date SDK usage examples for Python, JavaScript, Go, and Java, ensuring developers use the latest, recommended API standards.

This skill leverages Google Gemini's advanced image generation model to create high-quality, context-specific visuals. It is essential for developers needing placeholder images for UIs, generating detailed diagrams for technical documentation, or visualizing abstract concepts, logos, and assets across cross-platform projects (Windows, macOS, Linux).

MarkItDown converts PDFs, DOCX, PPTX, XLSX, HTML, JSON, XML, archives, YouTube links, images via OCR, and audio via transcription into clean Markdown, providing token-efficient text ready for LLMs and documentation workflows.

A comprehensive guide and set of best practices for designing reusable, production-ready widgets in Makepad. This skill covers advanced UI patterns such as modal overlays, collapsible sections, drag-and-drop functionality, and dynamic text/image toggling, ensuring robust and consistent component architecture.

A comprehensive guide for integrating Google Gemini and Firebase AI into Flutter applications. This skill covers initial setup, text and chat generation, streaming responses for real-time UIs, handling multimodal prompts (text and images), and implementing robust error and security handling practices.

A powerful tool that converts complex Unified Modeling Language (UML) diagrams—such as Sequence, Class, Activity, and State diagrams—into plain text ASCII art. This is crucial for documentation in environments that do not support image embedding, such as terminal sessions, README files, or Git commit messages. Supports both standard ASCII and enhanced Unicode ASCII formats for better visual fidelity.

This tool performs a comprehensive audit of website images to ensure optimal SEO and web performance. It checks for proper alt text descriptions, recommends modern formats (WebP, AVIF), validates file sizes, and verifies responsive image implementation using `srcset` and `sizes`. Furthermore, it guides best practices for lazy loading, prioritizing LCP images, and preventing Cumulative Layout Shift (CLS) by checking for dimensions.

Process videos, audio, images, and documents on Transloadit’s cloud using 86+ robots to encode formats, generate thumbnails, resize/watermark, run OCR, speech-to-text, moderation, and chain multi-step pipelines for scalable media automation.

A comprehensive skill for creating scientific and technical documentation using Markdown and embedded Mermaid diagrams. This method establishes diagrams as text-based sources of truth, ensuring clean version control via Git diffs, native rendering across platforms (GitHub, Notion), and compatibility with AI tools, making it superior to static images.

A deep dive into handling typed content blocks (text, image, tool_use, thinking, document) in LangChain 1.0. This skill standardizes multi-modal message composition, tool-call iteration, and complex content handling across providers like Claude, GPT-4o, and Gemini, solving key API discrepancies.

This guide details how to build and integrate custom, editable components for a Website Builder platform using the webiny-website-builder-nextjs SDK. Developers can learn to register components, define configurable inputs (text, image, colors, etc.), handle complex data types (like lexical objects), implement advanced theming, and build Server Components to fetch live CMS data. Ideal for creating a seamless, professional user experience within a web editor environment.

A comprehensive skill for generating new design screens from text prompts or images, and iteratively editing existing designs. It incorporates advanced prompt enhancement, design tokens, and professional UI/UX terminology to ensure professional, structured, and context-aware design output for web and mobile platforms.