What does /form-mobile do?

It designs iOS and Android screens following HIG and Material conventions with layout, navigation, and gestures specified.

How do I install /form-mobile?

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

AI Mobile App Screen Design

Mobile screens designed without platform conventions feel wrong on at least one platform. The team that designs in iOS conventions and ports to Android ends up with an Android app that does not match Material; the reverse produces an iOS app that does not match HIG. Both produce friction the user feels.

The /form-mobile skill designs iOS and Android screens following platform conventions: HIG for iOS, Material Design for Android. Layout, content hierarchy, component usage, navigation patterns, gesture interactions, and platform-specific considerations per screen. Output is a design spec that /touch-feature can implement.

Tonone's /form-mobile skill designs mobile screens following iOS HIG and Android Material conventions.

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…

FormVisual Design

/form-brand

Creates brand identity foundations: color palette with primary, secondary, and semantic tokens with usage rules; type system with scale, pairing rationale, and line height specifications; iconography style direction; and style guide documentation. Every choice is tied to a brand principle so the reasoning can be applied consistently to new surfaces.

When launching a new product that needs a visual i…

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…

Install

/form-mobile ships with the Form agent in Tonone for Claude Code.

1. Add to marketplace

$ claude plugin marketplace add tonone-ai/tonone

2. Install Form

$ claude plugin install form@tonone-ai

Frequently asked questions

What does /form-mobile do?: It designs iOS and Android screens following HIG and Material conventions with layout, navigation, and gestures specified.
How do I install /form-mobile?: Install Tonone for Claude Code via tonone.ai/get-started.