Can it help with layout management?

Yes, it guides you on using 'width', 'height', 'flow', and 'align' properties to create responsive designs, including specific advice on using 'Fill' and 'Fit'.

How does it handle UI styling in Makepad?

The skill provides patterns for using 'draw_bg', 'draw_text', and specific shader properties to control colors, gradients, borders, and animations.

Does it support advanced components like virtual lists?

Absolutely. It includes patterns and documentation for 'PortalList', 'FlatList', and other complex containers used for handling large datasets efficiently.

What kind of widgets can this skill generate?

It supports over 80 widgets including basic views, buttons, labels, inputs, containers like PortalList, and special components for Markdown and HTML rendering.

Makepad UI Widgets

Name: Makepad UI Widgets
Author: ZhangHanDong

byZhangHanDong

•

699

Design Tools

Accelerates Rust application development by generating and styling high-performance Makepad UI components and layouts.

About

The Makepad Widgets skill is an expert assistant for developers building cross-platform applications with the Makepad framework. It provides deep knowledge of over 80 built-in components, offering precise Rust code patterns for everything from basic containers and buttons to advanced rich-text rendering like Markdown and HTML. By leveraging this skill, developers can quickly implement responsive layouts, apply sophisticated shader-based styling via draw_bg and draw_text, and navigate the complexities of Makepad's widget traits and event handling with ease.

Key Features

Expert guidance on shader-based styling using draw_bg, draw_text, and animator properties.
Standardized code generation for core widgets like View, Button, Label, and TextInput.
Automated documentation checks for core, advanced, and rich-text widget references.
699 GitHub stars
Comprehensive support for visual variants including RoundedView, SolidView, and Gradient layouts.
Rich text support patterns for Markdown, HTML, and TextFlow components.

Use Cases

Customizing UI component aesthetics through shader uniforms and individual corner control.
Building responsive cross-platform user interfaces in Rust using Makepad's DSL.
Implementing complex list views and navigation structures like PortalList and StackNavigation.

About

Key Features

Expert guidance on shader-based styling using draw_bg, draw_text, and animator properties.
Standardized code generation for core widgets like View, Button, Label, and TextInput.
Automated documentation checks for core, advanced, and rich-text widget references.
699 GitHub stars
Comprehensive support for visual variants including RoundedView, SolidView, and Gradient layouts.
Rich text support patterns for Markdown, HTML, and TextFlow components.

Use Cases

Customizing UI component aesthetics through shader uniforms and individual corner control.
Building responsive cross-platform user interfaces in Rust using Makepad's DSL.
Implementing complex list views and navigation structures like PortalList and StackNavigation.