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.