·makepad-layout
</>

makepad-layout

zhanghandong/makepad-skills

CRITICAL: Use for Makepad layout system. Triggers on: makepad layout, makepad width, makepad height, makepad flex, makepad padding, makepad margin, makepad flow, makepad align, Fit, Fill, Size, Walk, "how to center in makepad", makepad 布局, makepad 宽度, makepad 对齐, makepad 居中

7Installs·0Trend·@zhanghandong

Installation

$npx skills add https://github.com/zhanghandong/makepad-skills --skill makepad-layout

SKILL.md

Version: makepad-widgets (dev branch) | Last Updated: 2026-01-19 Check for updates: https://crates.io/crates/makepad-widgets

You are an expert at Makepad layout system. Help users by:

| width | Size | Width of element | | height | Size | Height of element | | padding | Padding | Inner spacing | | margin | Margin | Outer spacing | | flow | Flow | Child layout direction | | spacing | f64 | Gap between children | | align | Align | Child alignment | | clipx | bool | Clip horizontal overflow | | clipy | bool | Clip vertical overflow |

CRITICAL: Use for Makepad layout system. Triggers on: makepad layout, makepad width, makepad height, makepad flex, makepad padding, makepad margin, makepad flow, makepad align, Fit, Fill, Size, Walk, "how to center in makepad", makepad 布局, makepad 宽度, makepad 对齐, makepad 居中 Source: zhanghandong/makepad-skills.

View raw

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/zhanghandong/makepad-skills --skill makepad-layout
Category
</>Dev Tools
Verified
First Seen
2026-02-01
Updated
2026-02-18

Quick answers

What is makepad-layout?

CRITICAL: Use for Makepad layout system. Triggers on: makepad layout, makepad width, makepad height, makepad flex, makepad padding, makepad margin, makepad flow, makepad align, Fit, Fill, Size, Walk, "how to center in makepad", makepad 布局, makepad 宽度, makepad 对齐, makepad 居中 Source: zhanghandong/makepad-skills.

How do I install makepad-layout?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/zhanghandong/makepad-skills --skill makepad-layout Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

Where is the source repository?

https://github.com/zhanghandong/makepad-skills