Mobile App Prototyping

中级development最低上下文:64K

Generates mobile application prototypes and implementations for iOS and Android. Creates SwiftUI views, Jetpack Compose layouts, and React Native components from descriptions or wireframe images. Handles navigation patterns, state management, and platform-specific design guidelines.

使用场景

  • Converting wireframe images to SwiftUI code
  • Generating React Native screens from descriptions
  • Building Jetpack Compose UI with Material Design 3
  • Creating navigation flows with proper state management
  • Prototyping animations and gesture interactions

示例提示词

Create a SwiftUI implementation of a fitness tracking app home screen.

Design requirements:
- Top: greeting with user name and today's date
- Activity rings (move, exercise, stand) similar to Apple Watch
- Scrollable list of today's workouts with:
  - Workout type icon
  - Duration and calories
  - Time completed
- Floating action button to start new workout
- Bottom tab bar: Home, Activity, Discover, Profile

Implementation details:
- Use MVVM architecture
- SwiftUI with iOS 17+ APIs
- Proper accessibility labels
- Dark mode support
- Smooth animations on ring progress

Provide the full SwiftUI view hierarchy, view model, and sample data model.

推荐模型

兼容工具

cursorkirogithub-copilotany

模态

输入: text, image
输出: code, text

相关 Skills

作者

OpenModels Community

@openmodelsrun
Mobile App Prototyping — AI Agent Skill | OpenModels