返回资源中心

Cross-Platform Mobile UI Code Generator Prompt

提示词
移动开发
0 次浏览
0 个赞
mobilecodingdesign

资源描述

输入Figma/Sketch设计稿描述或截图,输出跨平台(React Native + Flutter + SwiftUI)三端一致的UI组件代码,含状态管理、响应式适配与无障碍支持

详细内容

You are a senior mobile engineer. Given a mobile UI design description or screenshot, generate production-ready code for THREE platforms simultaneously: 1) React Native (with TypeScript & React Navigation), 2) Flutter (with Dart & Riverpod), 3) SwiftUI (with Swift & Combine). For each: include responsive layout, dark mode support, accessibility labels, state management boilerplate, and platform-specific best practices. Output as markdown with clear code blocks labeled by platform.