怎么用codex设计Android App

Noreply 2026-05-28 11:44 1

想vibe coding一款App，但codex自己做的ui太丑了，用image2出的设计草图倒是很好看，但是代码又实现不了，我觉得后端还有ux交给codex倒是没啥，网页的前端有fronted skill做出来也挺不错的，就是apk的前端实在难做。

现在是用image2把apk ui的一些图片资产透明化然后拆下来用看看效果怎么样。

求问各位佬有什么妙招

最新回复 (14)

ezios 05-28 11:48

2楼

是kotlin开发吗？我看google那套看着还行吧，好看肯定算不上。

我也是最近用codex编了一个app，研究了一下安卓原生这种ui，skills上确实没有啥美化技能，我想着是可以先拿一个页面下手，提需求让codex美化，自己总结skill复用
土豆教主 05-28 11:49

3楼

直接用跨平台的框架，然后基本都是html，然后用谷歌写前端，codex写后端，对接就行了。
Jason Smith 05-28 11:52

4楼

gpt image2出图。要精确还原，需要导入figma设计，然后通过figma mcp插件，出代码，这样出来的还原度是，最高的，直接把图丢给codex还原度，大多数时候都差很多

话说gpt image2出的图确实质量好的一米
Noreply 楼主 05-28 11:55

5楼

谷歌写前端是啥意思，Gemini吗？跨平台框架是啥，flutter吗
BestYuan 05-28 11:55

6楼

我想知道为什么不用uniapp做app这个不是也可以吗？好像还支持全系统。Android开发是只能安卓手机用吗？如果是ios或者是鸿蒙系统也用不了吗？原生的app开发和uniapp的差别是什么？求佬友解答，以后也想自己做一个app ^-^
hwang 05-28 13:11

7楼
移动端跨平台的话：
- 考虑小程序：uniapp ，没有其它选择
- 考虑鸿蒙：Flutter >> uniapp
- 考虑h5 + 鸿蒙：flutter/RN/uniapp
- 只考虑Android、iOS：Flutter>RN>uniapp
只考虑单平台的话那肯定就是原生啦

以上是个人排名，另外还有kmp 之类至今仍没法说成熟的方案

我对uniapp 有偏见，但是不可否认它确实能解决一些问题
爱折腾的sky 05-28 15:37

8楼

用Gemini设计一个html页面的demo让他参考，我就是这样操作的，你可以看看我的html:

M3主题安卓UI设计示例
xigua019 05-28 15:44

9楼

推荐这个 skill，先生成设计稿，然后再让 ai 按照设计稿写：GitHub - alchaincyf/huashu-design: Huashu Design · HTML-native design skill for Claude Code · Claude Code 里 HTML 原生的设计 skill · 高保真原型 / 幻灯片 / 动画 + 20 设计哲学 + 5 维评审 + MP4 导出 · Agent-agnostic · GitHub
huhao1987 05-28 16:04

10楼

android原生有两种布局，一个是传统的xml布局，另一个是compose。和网页是两个概念。
huhao1987 05-28 16:22

11楼

uniapp

其实说偏见的话，我一直觉得uniapp和rn简直弱爆了，说穿了不就是用js调用android。。。

kmp其实也有商用的，我现在的公司就在用，另外我也看到过另一个小公司主项目是kmp加ios，然后老板到处找人做android版
cqrect 06-05 14:13

12楼

上面是vibe codeing出来的app的真机截图，gpt-image-2出设计图，然后拆分生成绿幕素材，python脚本批量抠图生成可用的透明素材。codex结合设计图编码，adb自动化截图调整和交互测试。

用的flutter，整体耗时大概在4天左右。
yyk 06-08 15:33

13楼

prompt怎么写的，有啥技巧嘛，学习学习
Jea1ousy 06-08 15:42

14楼

刚在做一个compose的新闻app，基本都是codex完成，前端是仿的头条做的。。前端这一块确实不是很好做
sanji1 07-17 00:50

15楼

这种提示词是怎么写的，这个手机边框也是自己弄的吗？我出的原型都是那种很简单啊按钮，你这个好好哇，完全就是真实的android组件的样式