uno-toolkit

Encode Uno.Toolkit knowledge for cross-platform UI development with layouts and navigation.

5|Updated Jan 30, 2026
One-click install
npx skills add https://github.com/mtmattei/UnoPlatformSkills --skill uno-toolkit
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: uno-toolkit
Source: https://github.com/mtmattei/UnoPlatformSkills/tree/main/uno-toolkit
Command: npx skills add https://github.com/mtmattei/UnoPlatformSkills --skill uno-toolkit

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Building cross-platform Uno Platform UIs consistently is complex; this hub encodes comprehensive Uno Toolkit knowledge, patterns, and ready-to-use guidance to accelerate UI development.

Core Features & Use Cases

  • AutoLayout and SafeArea for responsive, accessible layouts across devices.
  • Card, Chip, TabBar, NavigationBar, DrawerControl, ShadowContainer, and extension helpers for common UI patterns.
  • Data-binding and interaction patterns through CommandExtensions, InputExtensions, ItemsRepeaterExtensions, and StatusBarExtensions for faster, safer UI implementations.

Quick Start

Install and initialize Uno.Toolkit in a Uno Platform app to start building responsive UI with AutoLayout and TabBar.

Frequently Asked Questions about uno-toolkit

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build responsive layouts for cross-platform Uno Platform apps?

Use Uno Toolkit's AutoLayout and SafeArea controls to build responsive, accessible cross-platform layouts. AutoLayout manages dynamic element arrangement, while SafeArea handles device-specific screen insets automatically.

What UI controls does the Uno Toolkit provide for navigation and common app patterns?

Uno Toolkit provides TabBar, NavigationBar, DrawerControl, Card, Chip, and ShadowContainer controls. These reusable UI components handle cross-platform navigation chrome, drawers, and common interactive display patterns.

Do I need Material or Cupertino themes to use Uno Toolkit in a Uno Platform app?

Material or Cupertino themes are optional. You must install the core Uno.Toolkit packages to use AutoLayout and UI controls, but theme packages are only required if you want specific Material or Cupertino styling.

How do I implement data binding and user interactions with Uno Toolkit extensions?

Uno Toolkit provides CommandExtensions, InputExtensions, ItemsRepeaterExtensions, and StatusBarExtensions. These extension helpers enable safer, faster data-binding and interaction patterns across Uno Platform targets without writing custom boilerplate.

What's the best way to add a navigation drawer to a Uno Platform application?

Use the Uno Toolkit DrawerControl to add a navigation drawer to your Uno Platform app. It provides built-in cross-platform compatibility and integrates with standard XAML data-binding patterns for menu interactions.

Can I use AutoLayout with standard XAML data binding in Uno Platform?

Yes, AutoLayout works with standard XAML data binding in Uno Platform. It functions as a responsive layout container that arranges child elements dynamically while supporting normal binding expressions for properties.