uno-toolkit-cupertino-theme

Configure Uno Platform Toolkit projects to use CupertinoToolkitTheme in App.xaml.

9|1|Updated Dec 10, 2024
One-click install
npx skills add https://github.com/unoplatform/studio --skill uno-toolkit-cupertino-theme
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: uno-toolkit-cupertino-theme
Source: https://github.com/unoplatform/studio/tree/main/plugins/uno-platform-studio/skills/uno-toolkit-cupertino-theme
Command: npx skills add https://github.com/unoplatform/studio --skill uno-toolkit-cupertino-theme

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps configure the Uno Cupertino Toolkit with CupertinoToolkitTheme to deliver iOS-style Toolkit controls, aligning visuals with Apple's Human Interface Guidelines and replacing MaterialToolkitTheme where appropriate.

Core Features & Use Cases

  • Configure CupertinoToolkitTheme in App.xaml resources to apply a consistent iOS-style look.
  • Ensure the Uno Toolkit is aware of and uses the Cupertino design system across controls.
  • Enforce mutual exclusivity with Material themes to prevent styling conflicts.
  • Use case: migrate an existing Material-based Toolkit UI to Cupertino styling for iOS-targeted apps.

Quick Start

Update App.xaml to use CupertinoToolkitTheme and apply iOS-styled styling across Toolkit controls.

Frequently Asked Questions about uno-toolkit-cupertino-theme

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

FAQPage Schema
How do I apply Cupertino theme to Uno Platform Toolkit controls?

To apply the Cupertino theme to Uno Platform Toolkit controls, configure the CupertinoToolkitTheme in your App.xaml resources. This replaces the default MaterialToolkitTheme and ensures consistent iOS-style styling across all Toolkit controls.

Can I use CupertinoToolkitTheme and MaterialToolkitTheme together in an Uno Platform app?

No, you cannot use CupertinoToolkitTheme and MaterialToolkitTheme together. The Cupertino theme enforces mutual exclusivity with Material themes to prevent styling conflicts and ensure a consistent iOS-style look across controls.

How do I migrate an existing Uno Platform app from Material to Cupertino styling?

To migrate an Uno Platform app from Material to Cupertino styling, replace the MaterialToolkitTheme with CupertinoToolkitTheme in your App.xaml resources. This updates the UI to align with Apple's Human Interface Guidelines for iOS-targeted apps.

What is the CupertinoToolkitTheme used for in Uno Platform?

The CupertinoToolkitTheme is used in Uno Platform to deliver iOS-style Toolkit controls. It aligns application visuals with Apple's Human Interface Guidelines, providing a consistent iOS design system for Uno Toolkit components.

Does the Uno Cupertino Toolkit require specific resources for iOS design guidelines?

Yes, the Uno Cupertino Toolkit requires both the CupertinoToolkitTheme and standard Toolkit resources to function. These resources ensure that your Uno Platform app enforces consistent Cupertino styling across all applicable controls.