Skill UI

A comprehensive guide detailing Apple's Human Interface Guidelines (HIG) for integrating apps into system surfaces. Covers best practices for widgets, Live Activities, notifications, complications, App Clips, and other system components, ensuring apps provide glanceable, contextual utility outside the main app environment.

Comprehensive iOS 26 Liquid Glass design system covering SwiftUI, UIKit, and WidgetKit with interactive blur, tint, and deformation effects for buttons, cards, sheets, and widgets.

Master the art of building complex, production-grade user interfaces for Obsidian plugins. This guide covers implementing custom sidebar views (ItemView), interactive modal dialogs (for forms and confirmations), context menus, status bar widgets, and advanced editor commands. Learn how to interact with the Obsidian Vault API for file manipulation, significantly enhancing your plugin's functionality and user experience.

A comprehensive guide to implementing Perplexity's API integration at various scales. It provides three validated architectural blueprints—Direct Widget, Cached Research Layer, and Multi-Query Pipeline—allowing developers to choose the optimal structure based on required query volume, latency goals, and complexity. Learn how to scale from simple search widgets to automated, high-volume research pipelines.

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 skill acts as an expert resource for the Makepad layout system. It helps users generate correct layout code and explain advanced UI concepts like flow direction, alignment, padding, and spacing. Use it when positioning, aligning, or structuring widgets in a Makepad application, ensuring responsive and complex UI compositions.

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.

MolyKit is a comprehensive toolkit designed for building robust, cross-platform AI chat applications. It provides core utilities for integrating large language models (LLMs) like OpenAI, handling real-time SSE streaming responses, and managing complex cross-platform asynchronous patterns (PlatformSend, spawn()). The kit includes ready-to-use widgets for messages, prompt inputs, and avatars, making it ideal for developers creating sophisticated, multilingual chat experiences.

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.

This guide details how to build an MCP app, which is an MCP server enhanced to serve interactive UI resources. It allows developers to render complex widgets—such as forms, pickers, dashboards, and confirmation dialogs—directly inline within a chat conversation. Learn about the architecture, host specifics, and when to use a widget versus standard text output.

A comprehensive guide to designing, implementing, and testing state management in Flutter using the BLoC and Cubit patterns. Learn how to model state using sealed classes or status enums, handle events, wire widgets with BlocBuilder/Listener, and follow architectural best practices for scalable, maintainable applications.