Agent skill · software engineering · sickn33
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 居中
Why this skill is useful
Provides specific layout patterns and properties for the Makepad UI framework that the AI wouldn't reliably generate on its own.
What it needs
About 4k tokens when loaded. Last updated 2026-08-07. 44,571 stars on the source repository.
What this skill does
Supporting material availability This catalog copy contains the inline guidance below, but does not include the following supporting paths. They are external prerequisites, not bundled files: ./references/layout-system.md ./references/core-types.md Ask for the original supporting material or an existing installation before using a step that depends on these paths; this catalog does not identify a verified download source for them. Resolve each path relative to that installation, inspect its contents, and verify any applicable license and execution prerequisites. Do not run a command or claim a referenced procedure was followed until its required file exists. Do not fabricate the missing scripts or treat an unrelated file with the same name as equivalent. Independent steps fully documented here can proceed within the user’s authorized scope; report any dependent step as unavailable. Makepad Layout Skill 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: Writing code: Generate layout code following the patterns below Answering questions: Explain layout concepts, sizing, flow directions When to Use You need to size, align, or position widgets in a Makepad UI. The task involves Walk, Align, Fit, Fill, padding, spacing, or container flow configuration. You want Makepad-specific layout solutions for centering, responsiveness, or composition. Documentation Refer to the local files for detailed documentation: ./references/layout-system.md - Complete layout reference ./references/core-types.md - Walk, Align, Margin, Padding types IMPORTANT: Documentation Completeness Check Before answering questions, Claude MUST: 1. Read the relevant reference file(s) listed above 2. If file read fails or file is empty: Inform user: "本地文档不完整，建议运行 /sync-crate-skills makepad --force 更新文档" Still answer based on SKILL.md patterns + built-in knowledge 3. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills sickn33/makepad-layout--4e2e81