Skill UI

This skill provides expert guidance on Makepad's cross-platform development lifecycle. It helps users understand platform-specific APIs, manage conditional compilation (e.g., macOS, Windows, WebGL2), and handle OS-specific behaviors across desktop, mobile, and web environments. Use it when targeting diverse deployment targets or integrating platform-level features.

This comprehensive reference guide for Makepad provides essential materials for developers. It covers common errors, debugging tips, API documentation, and advanced techniques for adaptive and high-quality layouts. Use this resource when troubleshooting, looking up specific API details, or ensuring code robustness across different platforms.

This assistant specializes in the Makepad shader system. It helps users write, debug, and understand complex shader code using SDF2d and GLSL principles. Use it when developing custom widget backgrounds, advanced graphics, gradients, or visual effects that require low-level GPU rendering control within the Makepad framework.

A specialized scripting language for Makepad, enabling advanced dynamic UI generation, complex workflow automation, and rapid application prototyping. It supports asynchronous operations (HTTP requests, timers) and is designed for integrating sophisticated, AI-assisted logic into application workflows.

This assistant is an expert guide for developing user interfaces using the Makepad framework. It helps users write, explain, and troubleshoot code for a comprehensive set of widgets, including containers (View, PortalList), input controls (TextInput, Slider), navigation elements (TabBar, Modal), and media components. It adheres to best practices, providing structured code patterns and detailed usage documentation for building complex, modern UIs.

This skill provides best practices for structuring complex, production-ready applications built with Makepad. It details robust asynchronous communication patterns, showing how to integrate the Tokio runtime, manage state synchronization, and handle data flow between the main UI thread and background worker tasks using MPSC channels and SignalToUI. Essential for developing advanced chat clients or data streaming services.

A comprehensive guide and best practices for managing event handling and defining custom action patterns within Makepad applications. It covers centralized action processing (using MatchEvent), widget-to-widget communication, and implementing complex state logic, making it ideal for building robust chat clients or complex UI systems.

This skill provides best practices for integrating Matrix SDK functionality into Makepad applications. It details the architecture and implementation patterns for building robust, real-time chat clients. Topics include using native Sliding Sync for efficient room updates, managing asynchronous requests (e.g., sending messages, fetching timelines), and handling complex Matrix operations within a Tokio runtime environment.

This skill provides best practices for managing application state and ensuring data persistence within large-scale applications, particularly for systems using Makepad architecture (Robrix/Moly). It details core structures like AppState, techniques for passing state through widget trees (Scope), and handling persistent data serialization (serde) across sessions, making it essential for building robust, multi-session UIs.

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 set of behavioral guidelines derived from Andrej Karpathy's observations to help users writing, reviewing, or refactoring code with Large Language Models (LLMs). It guides developers to avoid overcomplication, make surgical changes, explicitly surface assumptions, and define verifiable success criteria, promoting clean, simple, and robust code development.

Use the iOS HIG Design Guide skill to sync Apple’s official Human Interface Guidelines, narrow in on relevant sections, and craft feature-specific UI/UX specs that cite sources, cover accessibility/localization, and make actionable product recommendations for iOS features.