Skill UI

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.

Audits images for optimal web performance and SEO compliance. It thoroughly checks alt text quality, file sizing thresholds, modern formats (WebP/AVIF), responsive implementation (srcset), lazy loading strategy, and CLS prevention attributes (width/height). This tool is essential for improving Core Web Vitals and maximizing search visibility.

This skill guides developers on integrating Firebase AI (Gemini) into Flutter applications. It covers essential topics including initial setup and configuration, generating text and managing multi-turn chat responses, implementing real-time streaming output, handling multimodal prompts (text and images), and ensuring robust error handling, security, and adherence to data privacy best 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.