构造细节 · 可选
每一轮都保留自己的 SVG 和链接,点任意一轮可回到那一版继续改。
输入访问码进入Enter the access code
已提交的运行记录,点击查看交付物。
先选择需要使用的能力,再填写本次运行的内容。
建筑生长、界面拆解,在同一个空间探索。新生成的场景,直接在这里打开。
原创组件分层示例。参数来自组件实际 CSS,非 OS17 官方规范。
原创参数化示例。控件调整当前古楼,新生成的项目会在本页打开。
分析真实系统图标库的视觉 DNA,用语义需求生成同语言的新图标,并在标准 24 px 下进行一次审美校验。
每一轮都保留自己的 SVG 和链接,点任意一轮可回到那一版继续改。
描述需要的画面。每个候选只改一件事 —— 取景、留白或处理方式 —— 所以拿回来的是一组可选项,而不是同一个想法的四份采样;第一个候选永远是按描述直接绘制的那张。
每一轮都保留自己的图片和链接,点任意一轮可回到那一版继续改。
说清产品是什么,或直接附上 PRD、应用截图、HTML 原型。它给出一套风格统一的图标与图片清单,勾选后一批生成。
描述这个产品。每个变体来自不同的图形范式 —— 纯几何、点阵、线条、混合构图 —— 所以拿回来的是一组方向,而不是同一个想法的几份微调。选定一版后可逐轮改稿,再把它摆到精选背景上出展示图。
把选中的那一版标记摆到精选背景上,配瑞士式微排版 —— 品牌页或提案里它会是什么样子。
每一轮都保留自己的标记和链接,点任意一轮可回到那一版继续改。
产品经理和设计师共用的一块地方:这个产品长什么样(风格)、定过什么(决定与术语)、说过什么(反馈)。在它名下新建的运行会带着这些开始,交付的原型和 APK 也都记在这里。
每次运行交付可玩原型时都会同时打一个 Android 安装包,在运行页的导出栏里。这一页给老运行补一个,或者直接把一份 HTML / 项目 ZIP 打成 APK。只有界面和交互,没有业务功能:扫码安装,在真机上按一按。
没有转换运行的 HTML(直接拖进来的那种)背后没人列过它有哪些屏。服务就自己爬一遍:用和转换流程同一个爬虫驱动真实页面,点开控件、记下每一屏和到达它的那条路径。有运行记录的任务不会被重爬 —— 那份屏幕清单同时是地图海报和 Figma 板的清单,爬出一份不一样的会让三边对不上。要强制重爬,按「不复用,重跑一遍」。
Chrome 按 390×844 渲染每一屏,探针读出每个元素的盒子(dp)、颜色、字体、以及设计里它响不响应。然后挨个点:点得动的记下来,点了跳走的记下跳到哪 —— 跳到一个没人截过的屏,那屏就地量下来,当成设计的一部分。最近一次:37 屏、154 个动作、33 条「点了去哪」、22 个连页面自己都没声明的控件(靠挨个点图片和图标试出来的)。三个标签页并行,5 分半。
量测的每一屏变成一个 Activity 和一份 XML 布局,位置字号颜色直接来自量测;会选中的控件编成 selector drawable,输入框编成 EditText,有去处的控件直接写好 startActivity。最近一次:14 个 Activity、217 个接好线的控件、34 个选中态、9 个输入框 —— 这些都在 agent 打开工程之前就已经在了。
Codex 拿到的是一个已经能跑、能跳转的工程,加上合同、设计图和逐屏的量测表。它的活是外观:字重、间距、圆角、阴影、图标。它不该动的东西动了会被抓:编译出来的几何是量测的结果,没有哪条 findings 点名就改它,闸门会报「擅自改动编译几何」。
APK 装进模拟器,沿着设计的每条路径走一遍:找到该点的控件、点下去、看落到哪个 Activity。然后逐屏把每个控件挨个点,会选中的要真的选中,输入框要真的能打字。读一次界面层级要 2 秒,是整条线最贵的动作 —— 所以先看便宜的证人(Activity 变没变、那块像素变没变),只有它们都说没反应时才去读层级,也就是即将指控 app 失灵的那一刻。
走查拍下的每一屏和它的设计图并排比:每个元素的位置和大小、盒子的颜色、文字有没有在按钮里居中、设计上的字有没有全都出现。比的是设计显示出来的样子 —— 一张 34dp 高的照片被 46dp 的方块裁成只露 12dp,那就按 12dp 比,不然会把对的说成错的。
量测出来的数就是尺子:设计里点得动的控件在这儿也要点得动,每一屏要落在设计放它的位置。不像设计就不放行。所以一次构建可能标着「未成功」,但 APK 和 Android 工程照样给你。
服务器上共用的一台预览设备:最新安装的会替换上一个应用。点一下是 tap,按住拖一下是 swipe。
同一个标记的下一轮:上一轮的时间线与说明会一起带过去,没提到的地方保持原样。
给它一份 HTML demo:页面会真实渲染它,找出里面所有图标与图片并自动圈出来。你点选哪些要重做,并指定风格从哪来 —— 这份 demo 自身、ColorOS、一份 PRD、一个网页、几张参考图,或你自带的设计系统。
将 Figma 侧的设计改动回灌至 HTML,仅处理发生变更的屏。
把界面文案翻成多种语言;每种语言在同一页按组展示「原文 + 目标语言」,原文在上、译文在下,画面顺序一一对应,图层可编辑,批注原样保留。
简体、繁体中文在以下场景中,默认不带句末句号:
保留段内句号、问号、感叹号和省略号,以及小数、网址、缩写中的点。根据明确场景应用,不泛化到所有灰色文字或 description。
ToastManus Agent 即将支持此功能,目前请使用 GPT Agent
弹窗设置谁可以查看你的网页
通知为保证设备正常运行,任务将停止。如需继续,请选择继续任务
按钮、标签、短标题通常也不加句末句号。其他正文遵循产品标点风格;其他语言遵循当地界面习惯。
这些规则结合已提供的上下文,指导 Figma 页面和导入词条的新译文生成;已有译文、已确认词库和翻译记忆不会自动改写。
扫描和多语言翻译优先复用缓存;设计有变更时再从 Figma 更新。
当前可用的转换能力及其输入与产出。
这套服务已经实现的控件:设计稿里长什么样,交付时的代码是什么样。
浏览动效预览,体验 ColorOS 手势、动画编排与视觉特效,调整参数并查看实现资源。
一张设计稿进去,一块方案对比板出来。每一栏都用真的 ColorOS 控件实现:一份网页、一份带真 COUI 类的 res/layout、一份 Kotlin,输入自己带动效时还有 Lottie。给 SVG,几何是量出来的;给截图,几何是估出来的 —— 它会说清楚是哪一种。
一句描述,生成覆盖整部手机的 ColorOS 全局主题:锁屏、桌面、图标、壁纸、设置、电话、联系人、短信、通知中心与控制中心。按 OPPO 审核标准验收,打成手机与主题编辑器都能导入的 .theme。
哪里不好用、哪里看不懂、还缺什么,写在这里。能打开这个链接的人看到的是同一块板子。