What does /touch-ui do?

It detects the target platform and applies the matching UI guidelines for touch targets, navigation, gestures, and forms.

How do I install /touch-ui?

Install Tonone for Claude Code via tonone.ai/get-started.

Mobile UI Platform Guidelines with AI

Mobile UI conventions differ between iOS and Android in ways that matter to users. Touch targets are 44pt on iOS, 48dp on Android. Back navigation is the swipe-from-left on iOS, the back gesture or button on Android. Tab bars sit at the bottom on iOS and Android, but their behavior differs. Gestures, form patterns, and confirmation conventions differ. Generalist tools that ignore the platform produce designs that feel wrong on one or both.

The /touch-ui skill detects the target platform before applying any guidelines. iOS rules for iOS, Material rules for Android, and platform-appropriate rules per surface (settings, lists, modals). The output is the convention guide calibrated to where the UI will actually run.

Tonone's /touch-ui skill detects platform before applying mobile UI guidelines for touch targets, navigation, gestures, and forms.

TouchMobile

/touch-ui

Platform-specific mobile UI guidelines for iOS and Android — touch targets, navigation patterns, gesture conventions, and form design. Always detects platform before outputting rules.

When implementing mobile UI or asking about platfo…

TouchMobile

/touch-feature

Builds a complete mobile feature: screen layout and navigation integration, state management and data fetching, API integration with loading and error states, offline handling with local cache, deep link support, and push notification handling. Follows the app's existing patterns.

When adding a new screen or user-facing capability…

FormVisual Design

/form-mobile

Designs iOS and Android screens following platform conventions (iOS Human Interface Guidelines, Material Design): layout, content hierarchy, component usage, navigation patterns, gesture interactions, and platform-specific considerations for each screen. Output is a design spec that Touch can implement.

When designing new screens for a mobile app before…

Install

/touch-ui ships with the Touch agent in Tonone for Claude Code.

1. Add to marketplace

$ claude plugin marketplace add tonone-ai/tonone

2. Install Touch

$ claude plugin install touch@tonone-ai

Frequently asked questions

What does /touch-ui do?: It detects the target platform and applies the matching UI guidelines for touch targets, navigation, gestures, and forms.
How do I install /touch-ui?: Install Tonone for Claude Code via tonone.ai/get-started.