[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-92828103-f24c-49a5-b1dc-3e09659997de":3,"$fB6CuFKJdWJyNw5_rpKxKLRIKG6vUbUTY8ZwaPC5W0Wg":43},{"id":4,"title":5,"description":6,"categoryId":7,"moduleId":8,"tags":9,"prompt":10,"icon":11,"source":12,"sourceUrl":13,"authorId":14,"authorName":15,"isPublic":16,"stars":17,"runs":18,"createdAt":19,"updatedAt":19,"module":20,"category":27,"packages":34},"92828103-f24c-49a5-b1dc-3e09659997de","makepad-widgets","版本：makepad-widgets（开发分支）| 最后更新：2026-01-19 > > 检查更新：https:\u002F\u002Fcrates.io\u002Fcrates\u002Fmakepad-widgets","cat_life_career","mod_other","sickn33,other","---\nname: makepad-widgets\ndescription: \"Version: makepad-widgets (dev branch) | Last Updated: 2026-01-19 > > Check for updates: https:\u002F\u002Fcrates.io\u002Fcrates\u002Fmakepad-widgets\"\nrisk: safe\nsource: community\n---\n\n# Makepad Widgets Skill\n\n> **Version:** makepad-widgets (dev branch) | **Last Updated:** 2026-01-19\n>\n> Check for updates: https:\u002F\u002Fcrates.io\u002Fcrates\u002Fmakepad-widgets\n\nYou are an expert at Makepad widgets. Help users by:\n- **Writing code**: Generate widget code following the patterns below\n- **Answering questions**: Explain widget properties, variants, and usage\n\n## When to Use\n- You need to work with core or advanced widgets in Makepad.\n- The task involves widget selection, properties, variants, composition, or widget-specific behavior.\n- You want examples for `View`, `Button`, labels, rich text, or other `makepad-widgets` building blocks.\n\n## Documentation\n\nRefer to the local files for detailed documentation:\n- `.\u002Freferences\u002Fwidgets-core.md` - Core widgets (View, Button, Label, etc.)\n- `.\u002Freferences\u002Fwidgets-advanced.md` - Helper and advanced widgets\n- `.\u002Freferences\u002Fwidgets-richtext.md` - Rich text widgets (Markdown, Html, TextFlow)\n\n## IMPORTANT: Documentation Completeness Check\n\n**Before answering questions, Claude MUST:**\n\n1. Read the relevant reference file(s) listed above\n2. If file read fails or file is empty:\n   - Inform user: \"本地文档不完整，建议运行 `\u002Fsync-crate-skills makepad --force` 更新文档\"\n   - Still answer based on SKILL.md patterns + built-in knowledge\n3. If reference file exists, incorporate its content into the answer\n\n## Key Patterns\n\n### 1. View (Basic Container)\n\n```rust\n\u003CView> {\n    width: Fill\n    height: Fill\n    flow: Down\n    padding: 16.0\n    show_bg: true\n    draw_bg: { color: #1A1A1A }\n\n    \u003CLabel> { text: \"Content\" }\n}\n```\n\n### 2. Button\n\n```rust\n\u003CButton> {\n    text: \"Click Me\"\n    draw_bg: {\n        color: #0066CC\n        color_hover: #0088FF\n        border_radius: 4.0\n    }\n    draw_text: {\n        color: #FFFFFF\n        text_style: { font_size: 14.0 }\n    }\n}\n```\n\n### 3. Label with Styling\n\n```rust\n\u003CLabel> {\n    width: Fit\n    height: Fit\n    text: \"Hello World\"\n    draw_text: {\n        color: #FFFFFF\n        text_style: {\n            font_size: 16.0\n            line_spacing: 1.4\n        }\n    }\n}\n```\n\n### 4. Image\n\n```rust\n\u003CImage> {\n    width: 200.0\n    height: 150.0\n    source: dep(\"crate:\u002F\u002Fself\u002Fresources\u002Fphoto.png\")\n    fit: Contain\n}\n```\n\n### 5. TextInput\n\n```rust\n\u003CTextInput> {\n    width: Fill\n    height: Fit\n    text: \"Default value\"\n    draw_text: {\n        text_style: { font_size: 14.0 }\n    }\n}\n```\n\n## Widget Traits (from source)\n\n```rust\npub trait WidgetNode: LiveApply {\n    fn find_widgets(&self, path: &[LiveId], cached: WidgetCache, results: &mut WidgetSet);\n    fn walk(&mut self, cx: &mut Cx) -> Walk;\n    fn area(&self) -> Area;\n    fn redraw(&mut self, cx: &mut Cx);\n}\n\npub trait Widget: WidgetNode {\n    fn handle_event(&mut self, cx: &mut Cx, event: &Event, scope: &mut Scope) {}\n    fn draw_walk(&mut self, cx: &mut Cx2d, scope: &mut Scope, walk: Walk) -> DrawStep;\n    fn draw(&mut self, cx: &mut Cx2d, scope: &mut Scope) -> DrawStep;\n    fn widget(&self, path: &[LiveId]) -> WidgetRef;\n}\n```\n\n## All Built-in Widgets (84 files in widgets\u002Fsrc\u002F)\n\n| Category | Widgets |\n|----------|---------|\n| **Basic** | `View`, `Label`, `Button`, `Icon`, `Image` |\n| **Input** | `TextInput`, `CheckBox`, `RadioButton`, `Slider`, `DropDown`, `ColorPicker` |\n| **Container** | `ScrollBars`, `PortalList`, `FlatList`, `StackNavigation`, `Dock`, `Splitter` |\n| **Navigation** | `TabBar`, `Tab`, `FoldHeader`, `FoldButton`, `ExpandablePanel` |\n| **Overlay** | `Modal`, `Tooltip`, `PopupMenu`, `PopupNotification` |\n| **Media** | `Video`, `RotatedImage`, `ImageBlend`, `MultiImage` |\n| **Layout** | `AdaptiveView`, `SlidePanel`, `PageFlip`, `SlidesView` |\n| **Special** | `Markdown`, `Html`, `TextFlow`, `WebView`, `KeyboardView` |\n| **Utility** | `LoadingSpinner`, `DesktopButton`, `LinkLabel`, `ScrollShadow` |\n\n## Core Widgets Reference\n\n| Widget | Purpose | Key Properties |\n|--------|---------|----------------|\n| `View` | Container | `flow`, `align`, `show_bg`, `draw_bg`, `optimize` |\n| `Button` | Clickable | `text`, `draw_bg`, `draw_text`, `draw_icon` |\n| `Label` | Text display | `text`, `draw_text` |\n| `Image` | Image display | `source`, `fit` |\n| `TextInput` | Text entry | `text`, `draw_text`, `draw_cursor`, `draw_selection` |\n| `CheckBox` | Toggle | `text`, `selected` |\n| `RadioButton` | Selection | `text`, `selected` |\n| `Slider` | Value slider | `min`, `max`, `step` |\n| `DropDown` | Select menu | `labels`, `selected` |\n| `PortalList` | Virtual list | Efficient scrolling for large lists |\n| `Modal` | Dialog | Overlay dialog boxes |\n| `Tooltip` | Hint | Hover tooltips |\n\n## View Variants\n\n| Variant | Description |\n|---------|-------------|\n| `SolidView` | Solid background color |\n| `RoundedView` | Rounded corners |\n| `RoundedAllView` | Individual corner control |\n| `RectView` | Rectangle with border\u002Fgradient |\n| `CircleView` | Circle\u002Fellipse shape |\n| `GradientXView` | Horizontal gradient |\n| `GradientYView` | Vertical gradient |\n| `RoundedShadowView` | Rounded with shadow |\n| `ScrollXView` | Horizontal scroll |\n| `ScrollYView` | Vertical scroll |\n| `ScrollXYView` | Both directions scroll |\n| `CachedView` | Texture-cached |\n\n## Button Variants\n\n| Variant | Description |\n|---------|-------------|\n| `ButtonFlat` | Flat style |\n| `ButtonFlatIcon` | Flat with icon |\n| `ButtonFlatter` | No background |\n| `ButtonGradientX` | Horizontal gradient |\n| `ButtonGradientY` | Vertical gradient |\n| `ButtonIcon` | Standard with icon |\n\n## ImageFit Values\n\n| Value | Description |\n|-------|-------------|\n| `Stretch` | Stretch to fill |\n| `Contain` | Fit within, preserve ratio |\n| `Cover` | Cover area, may crop |\n| `Fill` | Fill without ratio |\n\n## When Writing Code\n\n1. Always set `width` and `height` on widgets\n2. Use `show_bg: true` to enable background rendering\n3. Access `draw_bg`, `draw_text`, `draw_icon` for shader uniforms\n4. Use `dep(\"crate:\u002F\u002Fself\u002F...\")` for resource paths\n5. Choose appropriate View variant for visual needs\n\n## When Answering Questions\n\n1. Recommend UI Zoo example for widget exploration\n2. View is the base container - most visual widgets inherit from it\n3. Draw shaders (`draw_bg`, `draw_text`) control appearance\n4. All widgets support animation through `animator` property\n\n## Limitations\n- Use this skill only when the task clearly matches the scope described above.\n- Do not treat the output as a substitute for environment-specific validation, testing, or expert review.\n- Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.\n","","imported","https:\u002F\u002Fgithub.com\u002Fsickn33\u002Fantigravity-awesome-skills","user_system_seed","SkillOPIC",true,164,1588,"2026-05-16 13:27:48",{"id":8,"name":21,"slug":22,"icon":23,"description":24,"sort":25,"createdAt":26},"其他","other","mdi-page-next-outline","其他类型Skill",5,"2026-05-16 12:53:40",{"id":7,"name":28,"slug":29,"icon":30,"description":31,"moduleId":8,"sort":32,"skillCount":33,"createdAt":26},"职场发展","career","mdi-briefcase-outline","面试准备、简历优化、职业规划",4,575,[35],{"id":36,"skillId":4,"version":37,"fileName":38,"fileSize":39,"filePath":40,"fileHash":41,"manifest":42,"createdAt":19},"18abfc67-83c0-4019-8ae8-28297947a925","1.0.0","makepad-widgets.zip",2928,"uploads\u002Fskills\u002F92828103-f24c-49a5-b1dc-3e09659997de\u002Fmakepad-widgets.zip","ef2ff649b4495df3c2a194babc8c723ff17d8cca091a09d73bc82a8ced654d5e","[{\"path\":\"SKILL.md\",\"isDirectory\":false,\"size\":6748}]",{"code":44,"message":45,"data":46},200,"success",{"items":47,"stats":48,"page":51},[],{"averageRating":49,"totalRatings":49,"ratingCounts":50},0,[49,49,49,49,49],{"limit":52,"offset":49,"hasMore":53,"nextOffset":52,"ratedOnly":16},15,false]