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

•

设计工具

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

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.

主要功能

01Expert guidance on shader-based styling using draw_bg, draw_text, and animator properties.

02Standardized code generation for core widgets like View, Button, Label, and TextInput.

03Automated documentation checks for core, advanced, and rich-text widget references.

04699 GitHub stars

05Comprehensive support for visual variants including RoundedView, SolidView, and Gradient layouts.

06Rich text support patterns for Markdown, HTML, and TextFlow components.

使用场景

01Customizing UI component aesthetics through shader uniforms and individual corner control.

02Building responsive cross-platform user interfaces in Rust using Makepad's DSL.

03Implementing complex list views and navigation structures like PortalList and StackNavigation.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add zhanghandong/makepad-skills makepad-widgets

For use in Claude.ai and ChatGPT

Download Skill