掌握 Robius 可复用组件设计规范与模式

解决 Makepad 开发效率问题：通过标准化组件设计（如模态覆盖、折叠区域、拖拽排序），让开发团队快速构建出结构一致、交互流畅的 UI 界面，涵盖 Robrix 和 Moly 双端组件模式。

为什么需要这个技能

在构建 Makepad 应用时，若每次都从零写布局逻辑，不仅代码冗余，还容易因样式不统一导致体验割裂。本技能整理了 Robrix（聊天客户端）和 Moly（AI 聊天应用）中的成熟组件模式，帮助开发者复用现成的文本/图片切换、模态弹窗、可折叠列表等结构。

使用这些模式能显著减少样板代码，确保新功能的视觉风格和交互逻辑与现有产品保持一致。

定义标准结构：遵循 live_design! 和 #[derive(Live, LiveHook, Widget)] 规范，区分 DSL 属性和 Rust 状态。
应用动态样式：使用 apply_over 方法在运行时修改颜色、边距等样式，避免硬编码。
复用视图层：通过 flow: Overlay 堆叠视图，配合 set_visible 实现文本/图片的显隐切换。
实现交互逻辑：为外部 API 实现 *Ref 方法，或封装 toggle 方法控制折叠状态并调用 redraw。

解压后将目录放入你的 AI 工具 skills 文件夹，重启工具后即可使用。具体路径参考内附的 USAGE.zh.md。

暂无推荐