Skill UI

ZAI CLI provides comprehensive access to Z.AI's advanced capabilities, including image/video analysis, real-time web search, web page extraction, and GitHub code exploration. It is designed for users needing multi-modal content analysis, error diagnosis, and complex data processing through a unified command-line interface. Ideal for developers and analysts requiring robust, API-driven AI functionality.

Guides users through the AionUi Settings interface to enable WebUI, open remote access via LAN, Tailscale, or server deployment, fetch access credentials, and troubleshoot service issues without using the command line.

This skill guides developers on using the `@expo/ui/swift-ui` package to integrate native SwiftUI views and modifiers into Expo applications. It is essential for building authentic, platform-specific iOS user interfaces within a cross-platform React Native context, especially when targeting Expo SDK 55. Learn how to wrap SwiftUI trees and embed React Native components.

This guide provides expert knowledge on implementing complex, production-ready animations within the Makepad UI framework. It covers animation patterns for various interaction states, including hover, focus, pressed, and disabled. Users can learn to write code for transitions, manage state changes, and utilize advanced concepts like easing functions and keyframes to build visually rich user interfaces.

This skill acts as an expert assistant for the Makepad DSL (Domain Specific Language) used with the Rust `makepad-widgets` crate. It helps users generate correct DSL code, explain complex syntax rules (like inheritance and property overriding), and understand how to link standard Rust structures to UI definitions. Ideal for developing complex, live-designed user interfaces within the Makepad framework.

A comprehensive guide for managing user interactions and system lifecycle events within the Makepad UI framework. It covers handling various input types (mouse, touch, keyboard), lifecycle events (Startup, Shutdown), and propagating custom actions between widgets and their parents. Essential for building highly responsive and interactive graphical user interfaces.

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.

Anime.js is a powerful and lightweight JavaScript animation engine designed for creating high-fidelity, complex web animations. It provides precise control over DOM, CSS, and SVG elements, allowing developers to build sophisticated, award-caliber user interfaces. Ideal for orchestrating multi-stage landing pages, implementing staggered reveals, and animating intricate SVG paths using advanced easing functions and timelines.

This framework analyzes foundational design principles—such as affordances, signifiers, and conceptual models—to create products that are highly intuitive and discoverable. It guides analysis by bridging the 'Gulf of Execution' and the 'Gulf of Evaluation.' Use this when diagnosing confusing user interfaces, poor usability, or needing to ensure a product is robustly human-centered and easy to understand.

A comprehensive guide for building modern, accessible, and scalable user interfaces using the shadcn/ui component library. This document outlines core principles, best practices for component composition, styling rules (including Tailwind CSS usage), and structured approaches for forms and layouts. Essential for developers building complex design systems and ensuring code consistency.

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.

A comprehensive guide for building or reviewing SwiftUI User Interfaces that utilize the modern Liquid Glass aesthetic. This skill focuses on correctly implementing native Apple APIs (like `glassEffect` and `GlassEffectContainer`) while ensuring proper fallback mechanisms, modifier ordering, and performance for iOS 26+ devices. Ideal for adopting cutting-edge iOS design patterns.