uno-toolkit-responsive
OfficialAdaptive UI across breakpoints for Uno Toolkit.
Software Engineering#cross-platform#responsive#ui-design#breakpoints#uno-toolkit#markup-extension#responsive-view
Authorunoplatform
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Screen-size-based UI adaptation is essential for cross-device Uno Platform apps. This skill enables automatic property-value adjustments per breakpoint via ResponsiveExtension and seamless template swapping with ResponsiveView, ensuring consistent UX across phones, tablets, and desktops.
Core Features & Use Cases
- ResponsiveExtension applies per-breakpoint property values (e.g., font size, padding) using a markup-extension syntax.
- ResponsiveView swaps entire DataTemplates per breakpoint to optimize layouts for each form factor.
- Custom breakpoints via a ResponsiveLayout resource to tailor the design system to your app.
Quick Start
Describe your UI requirement and generate a responsive Uno Toolkit UI that adapts to phone, tablet, and desktop breakpoints.
Dependency Matrix
Required Modules
None requiredComponents
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-responsive Download link: https://github.com/unoplatform/studio/archive/main.zip#uno-toolkit-responsive Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 510,000+ vetted skills library on demand.