Agent skill · software engineering · sickn33

robius-widget-patterns

CRITICAL: Use for Robius widget patterns. Triggers on: apply_over, TextOrImage, modal, 可复用, 模态, collapsible, drag drop, reusable widget, widget design, pageflip, 组件设计, 组件模式

Why this skill is useful

Adds specific widget design patterns and executable code snippets for creating reusable Makepad widgets that the AI wouldn't generate on its own.

What it needs

About 6k tokens when loaded. Last updated 2026-08-07. 44,571 stars on the source repository.

What this skill does

Supporting material availability This catalog copy contains the inline guidance below, but does not include the following supporting paths. They are external prerequisites, not bundled files: <support-root>/references/widget-patterns.md <support-root>/references/styling-patterns.md <support-root>/references/moly-widget-patterns.md Ask for the original supporting material or an existing installation before using a step that depends on these paths; this catalog does not identify a verified download source for them. Resolve each path relative to that installation, inspect its contents, and verify any applicable license and execution prerequisites. Do not run a command or claim a referenced procedure was followed until its required file exists. Do not fabricate the missing scripts or treat an unrelated file with the same name as equivalent. Independent steps fully documented here can proceed within the user’s authorized scope; report any dependent step as unavailable. Robius Widget Patterns Skill Best practices for designing reusable Makepad widgets based on Robrix and Moly codebase patterns. Source codebases: Robrix: Matrix chat client - Avatar, RoomsList, RoomScreen widgets Moly: AI chat application - Slot, ChatLine, PromptInput, AdaptiveView widgets When to Use Use this skill when: Creating reusable Makepad widgets Designing widget component APIs Implementing text/image toggle patterns Dynamic styling in Makepad Keywords: robrix widget, makepad component, reusable widget, widget design pattern Production Patterns For production-ready widget patterns, see the base/ directory: Pattern Description --------- ------------- 01-widget-extension Add helper methods to widget references 02-modal-overlay Popups, dialogs using DrawList2d overlay 03-collapsible Expandable/collapsible sections 04-list-template Dynamic lists with LivePtr templates 05-lru-view-cache Memory-efficient view caching 14-callout-tooltip Tooltips with arrow positioning 20-redraw-optimization Efficient redr …

How to use it

Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:

@skills sickn33/robius-widget-patterns

View the source on GitHub

Browse the @skills marketplace