Skill UI

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.

This framework provides a systematic guide for evaluating and improving user interface usability based on established heuristic principles. It covers core concepts like 'Don't Make Me Think' and 'Get Rid of Half the Words,' helping users conduct detailed usability audits, analyze navigation flow, and optimize copy. Use this when reviewing a product's user experience, addressing user confusion, or performing a formal UX review to enhance clarity and efficiency.

This skill enforces rigorous governance and discipline when AI modifies systems, debugs code, or makes root-cause claims. It mandates safety gates (e.g., backup, blast radius check), demands evidence for every diagnosis, and prevents common AI shortcuts like guessing or deflecting. Use this for critical code modifications, complex debugging, and high-stakes deployments to ensure thoroughness and safety.