Skill UI

Generates and reviews Odoo XML definitions for Form, List, Kanban, Search, Calendar, and Graph views across versions 14–17, handling visibility, groups, domains, contexts, and widget rules with migration-aware syntax so you can deliver production-ready view XML.

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 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.

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.

Guidance for implementing state management in Flutter using the bloc and flutter_bloc libraries. Covers Cubit vs Bloc selection, state modeling with sealed classes or status enums, naming conventions, widget wiring, and writing bloc tests.

Best practices for using ChangeNotifier with the provider package in Flutter. Covers creating models, providing them to the widget tree, consuming state via Consumer or Provider.of, and optimizing rebuilds. Ideal for Flutter developers building reactive UIs with efficient state management.

A comprehensive guide to writing, structuring, and reviewing high-quality unit and widget tests for Flutter and Dart applications. Learn best practices for ensuring test validity, distinguishing between unit and widget scope, mastering mocking, and optimizing test files for robust regression detection.

This comprehensive guide assists developers migrating their Miro integrations from REST API v1 to v2. It details key breaking changes, such as 'Widget' becoming 'Item' and 'Line' becoming 'Connector,' provides updated endpoint maps, and offers step-by-step instructions for upgrading the `@mirohq/miro-api` SDK and adapting request/response payloads. Use this resource when updating your integration to handle the latest Miro platform standards and data structures.

A comprehensive reference architecture for building scalable, production-grade search features using SerpApi. This blueprint covers essential components such as caching layers (Redis), multi-engine abstraction, SERP tracking pipelines, rate limiting, and credit budget management. Ideal for developers designing advanced search widgets, SEO tools, or complex search-powered applications.

This guide helps developers choose the optimal architecture pattern for building on Shopify. It compares four validated variants: Embedded Remix App (for admin tools), Headless Storefront (for custom e-commerce experiences using Hydrogen), Backend Integration (for system syncing like ERP), and Theme App Extension (for storefront widgets). Use this resource when starting a new Shopify project to determine the correct development path and technology stack.

A comprehensive guide covering modern Dart programming standards and best practices. It details techniques for null safety, efficient collection manipulation, asynchronous programming (Futures and Streams), immutable class design, and optimizing Flutter widgets, ensuring developers write clean, performant, and bug-resistant code.