·robius-widget-patterns
</>

robius-widget-patterns

zhanghandong/makepad-skills

關鍵:用於 Robius 小部件模式。觸發條件: apply_over, TextOrImage, modal, 可複用, 模態, 可折疊,拖放,可重複使用的小部件,小部件設計, 翻頁、組件設計、組件模式

7安裝·0熱度·@zhanghandong

安裝

$npx skills add https://github.com/zhanghandong/makepad-skills --skill robius-widget-patterns

SKILL.md

Best practices for designing reusable Makepad widgets based on Robrix and Moly codebase patterns.

| 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 redraw patterns | | 15-dock-studio-layout | IDE-style resizable panels | | 16-hover-effect | Hover effects with instance variables | | 17-row-based-grid-layout | Dynamic grid layouts | | 18-drag-drop-reorder | Drag-and-drop widget reordering | | 19-pageflip-optimization | PageFlip 切换优化,即刻销毁/缓存模式 |

關鍵:用於 Robius 小部件模式。觸發條件: apply_over, TextOrImage, modal, 可複用, 模態, 可折疊,拖放,可重複使用的小部件,小部件設計, 翻頁、組件設計、組件模式 來源:zhanghandong/makepad-skills。

查看原文

可引用資訊

為搜尋與 AI 引用準備的穩定欄位與指令。

安裝指令
npx skills add https://github.com/zhanghandong/makepad-skills --skill robius-widget-patterns
分類
</>開發工具
認證
收錄時間
2026-02-01
更新時間
2026-02-18

快速解答

什麼是 robius-widget-patterns?

關鍵:用於 Robius 小部件模式。觸發條件: apply_over, TextOrImage, modal, 可複用, 模態, 可折疊,拖放,可重複使用的小部件,小部件設計, 翻頁、組件設計、組件模式 來源:zhanghandong/makepad-skills。

如何安裝 robius-widget-patterns?

開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等) 複製並執行以下指令:npx skills add https://github.com/zhanghandong/makepad-skills --skill robius-widget-patterns 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code 或 Cursor 中使用

這個 Skill 的原始碼在哪?

https://github.com/zhanghandong/makepad-skills

詳情

分類
</>開發工具
來源
skills.sh
收錄時間
2026-02-01