robius-widget-patterns

Document and codify reusable Makepad widget patterns for common UI scenarios.

Updated Feb 3, 2026
One-click install
npx skills add https://github.com/RoooyHe/betula --skill robius-widget-patterns
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: robius-widget-patterns
Source: https://github.com/RoooyHe/betula/tree/main/.claude/skills/robius-widget-patterns
Command: npx skills add https://github.com/RoooyHe/betula --skill robius-widget-patterns

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill consolidates best practices for designing reusable Makepad widgets, helping teams standardize patterns and APIs across projects.

Core Features & Use Cases

  • Standardized widget patterns that enable modular, composable UI components.
  • Practical patterns for modals, collapsibles, drag-and-drop, lists, and hover effects, with runnable examples.
  • Use case guidance drawn from Robius and Moly references to accelerate widget design and experimentation.

Quick Start

Start by inspecting the base pattern docs in _base (01-widget-extension.md, 02-modal-overlay.md, 03-collapsible.md, 04-list-template.md, 05-lru-view-cache.md, etc.) and build a small reusable widget pattern following those templates.

Frequently Asked Questions about robius-widget-patterns

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What are the best patterns for building reusable Makepad widgets?

The best patterns for reusable Makepad widgets involve modular, composable component designs. This Skill codifies standardized practices for modals, collapsibles, drag-and-drop, and dynamic layouts to help teams build consistent UI components.

How do I create a modal overlay in Makepad?

To create a modal overlay in Makepad, you inspect the base pattern docs like 02-modal-overlay.md. These templates provide standardized widget extension patterns to implement overlays and interactive UI elements.

Does this Skill provide widget patterns for dynamic layouts and lists in Makepad?

Yes, it provides widget patterns for dynamic layouts and lists in Makepad. It includes specific templates like 04-list-template.md and 05-lru-view-cache.md to guide the design of modular and composable UI components.

Can I use these Makepad widget patterns for drag-and-drop interfaces?

You can use these Makepad widget patterns for drag-and-drop interfaces. The Skill consolidates practical patterns for drag-and-drop, hover effects, and dynamic layouts with runnable examples drawn from Robius and Moly references.

How do I start using these Makepad widget patterns in my project?

Start using these Makepad widget patterns by inspecting the base pattern docs in the _base directory. You build a small reusable widget following templates like 01-widget-extension.md to accelerate your UI design and experimentation.

What is the LRU view cache pattern in Makepad widget design?

The LRU view cache pattern in Makepad widget design manages view recycling for dynamic lists. It is documented in the base pattern file 05-lru-view-cache.md to optimize rendering performance in reusable components.