Skills
.Work. You
Rest

uno-toolkit-autolayout

Official

Arrange UI with Figma-like AutoLayout.

Software Engineering#figma#responsive#autolayout#xaml#layout-design#ui-layout#uno-toolkit
Authorunoplatform
Version1.0.0
Installs0

System Documentation

What problem does it solve?

AutoLayout enables flexible, consistent UI layouts by arranging children with Figma-like spacing, alignment, and padding within Uno Toolkit.

Core Features & Use Cases

  • Container properties: Orientation, Spacing, Justify, PrimaryAxisAlignment, CounterAxisAlignment, Padding
  • Per-child attached properties: PrimaryAlignment, CounterAlignment, PrimaryLength, CounterLength, IsIndependentLayout
  • Use cases: Build responsive layouts mirroring Figma AutoLayout across rows or columns in Uno Platform apps
  • Example: Convert a Figma design to XAML with AutoLayout to control spacing and alignment

Quick Start

Describe the desired layout and apply the AutoLayout container to arrange children with the chosen orientation, spacing, and alignment.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: uno-toolkit-autolayout
Download link: https://github.com/unoplatform/studio/archive/main.zip#uno-toolkit-autolayout

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 510,000+ vetted skills library on demand.