Does it support complex layouts like virtualized lists?

Yes, it includes specific patterns for advanced widgets like PortalList for efficient scrolling of large datasets and StackNavigation for mobile-style app flows.

What is the Makepad Widgets skill?

It is a specialized plugin for Claude Code that provides deep expertise in the Makepad Rust UI framework, allowing the AI to generate, debug, and explain complex UI components.

How does it handle widget styling?

The skill utilizes Makepad's shader-based styling system, providing code snippets for draw_bg, draw_text, and draw_icon uniforms to control appearance without external CSS.

Can I use this for mobile and desktop development?

Makepad is a cross-platform framework; this skill provides the widget logic and layout patterns necessary to build consistent UIs for both desktop and mobile targets.

How can I keep the widget documentation up to date?

The skill includes a built-in check that prompts users to run synchronization commands if local reference files are missing or outdated, ensuring the AI uses the latest crate information.

Makepad UI Widgets

Name: Makepad UI Widgets
Author: sickn33

bysickn33

•

31,721

•

Design Tools

Streamlines the development of Rust-based user interfaces using the Makepad framework and its extensive widget library.

The Makepad Widgets skill provides comprehensive support for building sophisticated, high-performance user interfaces within the Makepad ecosystem. It enables Claude to generate precise Rust code for over 80 built-in widgets, including core components like Views and Buttons, specialized layout tools, and rich text elements. By leveraging local documentation and predefined patterns, the skill helps developers manage widget properties, shader-based styling, and complex layout compositions with ease, ensuring code follows the latest development branch standards.

Key Features

01Support for rich media integration including Markdown, HTML, and Video widgets.

02Generate optimized Rust code for 80+ built-in Makepad widgets and their variants.

03Context-aware documentation retrieval from local core and advanced reference files.

04Expert guidance on complex UI patterns like PortalList, Docking, and StackNavigation.

0531,721 GitHub stars

06Automated property configuration for shaders, layout (flow, align), and animations.

Use Cases

01Architecting high-performance data displays using virtualized lists and custom containers.

02Rapidly prototyping cross-platform Rust-based application interfaces.

03Implementing custom shader-based styling and animations for UI components.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add sickn33/antigravity-awesome-skills makepad-widgets

For use in Claude.ai and ChatGPT

Key Features

01Support for rich media integration including Markdown, HTML, and Video widgets.

02Generate optimized Rust code for 80+ built-in Makepad widgets and their variants.

03Context-aware documentation retrieval from local core and advanced reference files.

04Expert guidance on complex UI patterns like PortalList, Docking, and StackNavigation.

0531,721 GitHub stars

06Automated property configuration for shaders, layout (flow, align), and animations.

Use Cases

01Architecting high-performance data displays using virtualized lists and custom containers.

02Rapidly prototyping cross-platform Rust-based application interfaces.

03Implementing custom shader-based styling and animations for UI components.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add sickn33/antigravity-awesome-skills makepad-widgets

For use in Claude.ai and ChatGPT