Skip to content

Commit 25d4d07

Browse files
CleyChenCleyChen
committed
update pages
1 parent 1f81101 commit 25d4d07

2 files changed

Lines changed: 23 additions & 13 deletions

File tree

‎site/index.html‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -177,7 +177,7 @@ <h2>Mobile Intelligent Assistance in Real-World Scenarios.</h2>
177177
<!-- Leaderboard (AndroidWorld) -->
178178
<section id="leaderboard" class="section">
179179
<h2>Overall performance across GUI grounding and navigation.</h2>
180-
<img src="asset/SOTA_Performance.png" style="width: 100%; max-width: 800px; border: 1px solid #ddd; border-radius: 8px;">
180+
<img src="asset/SOTA_Performance.png" style="width: 100%; display: block; margin: 0 auto; border: 1px solid #ddd; border-radius: 8px;">
181181
<figcaption style="text-align: center; font-size: 14px; color: #666; margin-top: 10px;">MAI-UI achieves SOTA performance across GUI grounding, outperforming Gemini-3-Pro and Seed1.8 on ScreenSpot-Pro and significantly outperform existing models on UI-Vision,(Left) MAI-UI achieves SOTA performance on famous navigation benchmark AndroidWorld (Middle), and set a new SOTA performance on real-world benchmark MobileWorld (Right).</figcaption>
182182

183183
<!--
@@ -252,7 +252,7 @@ <h2>Overall performance across GUI grounding and navigation.</h2>
252252
<section id="overview" class="section">
253253
<h2>GUI grounding Overview</h2>
254254
<h3>Data Pipeline</h3>
255-
<img src="asset/grounding_pipeline.png" style="width: 100%; max-width: 800px; border: 1px solid #ddd; border-radius: 8px;">
255+
<img src="asset/grounding_pipeline.png" style="width: 100%; display: block; margin: 0 auto; border: 1px solid #ddd; border-radius: 8px;">
256256
<h3>Training Paradigm</h3>
257257
<p>For GUI grounding, we followed Instruction-as-Reasoning paradigm in UI-Ins, we use a SFT stage to teach model reasoning and RL stage let model explore the appropriate reasoning pathway. </p>
258258
<h3>Grounding Performance</h3>
@@ -775,17 +775,17 @@ <h3>Grounding Performance</h3>
775775
<section id="Navigation" class="section">
776776
<h2>GUI Navigation Overview</h2>
777777
<h3>Data Pipeline</h3>
778-
<img src="asset/navigation_pipeline.png" style="width: 100%; max-width: 800px; border: 1px solid #ddd; border-radius: 8px;">
778+
<img src="asset/navigation_pipeline.png" style="width: 100%; display: block; margin: 0 auto; border: 1px solid #ddd; border-radius: 8px;">
779779
<h3>Reinforcement Learning Framework</h3>
780780
<figure class="figure">
781781
<!-- 这里放你的架构图 -->
782-
<img src="asset/rl_framework.png" alt="MAI-UI System Architecture" style="width: 100%; max-width: 800px; border: 1px solid #ddd; border-radius: 8px;">
782+
<img src="asset/rl_framework.png" alt="MAI-UI System Architecture" style="width: 100%; display: block; margin: 0 auto; border: 1px solid #ddd; border-radius: 8px;">
783783
<figcaption>Overview of the agentic reinforcement learning framework. The framework alternates between rollout phases where the latest policy interacts with online mobile environments to generate trajectories and training phases that progressively improve the policy using trajectory-level rewards.</figcaption>
784784
</figure>
785785
<h3>Rollout Processing</h3>
786786
<figure class="figure">
787787
<!-- 这里放你的架构图 -->
788-
<img src="asset/rollout.png" alt="MAI-UI System Architecture" style="width: 100%; max-width: 800px; border: 1px solid #ddd; border-radius: 8px;">
788+
<img src="asset/rollout.png" alt="MAI-UI System Architecture" style="width: 100%; display: block; margin: 0 auto; border: 1px solid #ddd; border-radius: 8px;">
789789
<figcaption> Detailed rollout process within the MobileAgentLoop. The agent loop asynchronously calls inference servers to generate actions and executes them in stateful environments across multiple turns, with hybrid verifiers evaluating complete trajectories to produce final rewards.</figcaption>
790790
</figure>
791791
<h3>Performance</h3>
@@ -815,11 +815,11 @@ <h3>Performance</h3>
815815
<td class="val-cell">3B</td>
816816
<td class="val-cell">23.7</td>
817817
</tr> -->
818-
<tr>
818+
<!-- <tr>
819819
<td>Ferret-UI Lite-3B</td>
820820
<td class="val-cell">3B</td>
821821
<td class="val-cell">28.0</td>
822-
</tr>
822+
</tr> -->
823823
<!-- <tr>
824824
<td>UI-Tars-7B</td>
825825
<td class="val-cell">7B</td>
@@ -1049,7 +1049,7 @@ <h3>Performance</h3>
10491049
<section id="device_cloud_collaboration" class="section">
10501050
<h2>Device-Cloud Collaboration</h2>
10511051
<h3>System Architecture</h3>
1052-
<img src="asset/device_cloud.png" style="width: 100%; max-width: 800px; border: 1px solid #ddd; border-radius: 8px;">
1052+
<img src="asset/device_cloud.png" style="width: 100%; display: block; margin: 0 auto; border: 1px solid #ddd; border-radius: 8px;">
10531053
<h3>Demo</h3>
10541054
<div class="demo-grid">
10551055
<div>
@@ -1072,7 +1072,7 @@ <h3>Demo</h3>
10721072
</div>
10731073
</div>
10741074
<h3>Performance</h3>
1075-
<img src="asset/cloud_device.png" style="width: 100%; max-width: 800px; border: 1px solid #ddd; border-radius: 8px;">
1075+
<img src="asset/cloud_device.png" style="width: 100%; display: block; margin: 0 auto; border: 1px solid #ddd; border-radius: 8px;">
10761076
</section>
10771077
<section id="device_cloud_collaboration" class="section">
10781078
<h2>Evaluating in Real-World Benchmark</h2>
@@ -1081,7 +1081,7 @@ <h3>MobileWorld Benchmark</h3>
10811081
<h3>Case Study of MCP Call</h3>
10821082
<figure class="figure">
10831083
<!-- 这里放你的架构图 -->
1084-
<img src="asset/mcp.png" alt="MAI-UI System Architecture" style="width: 100%; max-width: 800px; border: 1px solid #ddd; border-radius: 8px;">
1084+
<img src="asset/mcp.png" alt="MAI-UI System Architecture" style="width: 100%; display: block; margin: 0 auto; border: 1px solid #ddd; border-radius: 8px;">
10851085
<figcaption> Case studies of MCP tool using of MAI-UI. (a): Using MCP tools provide shortcuts that
10861086
compress multiple UI actions into a few API calls; (b): Using MCP tools brings traditionally desktop-only
10871087
workflows (e.g., GitHub commit search) to mobile. The user instruction for (a) is: “Compare the two
@@ -1095,7 +1095,7 @@ <h3>Case Study of MCP Call</h3>
10951095
<h3>Case Study of User Interaction</h3>
10961096
<figure class="figure">
10971097
<!-- 这里放你的架构图 -->
1098-
<img src="asset/user_interaction.png" alt="MAI-UI System Architecture" style="width: 100%; max-width: 800px; border: 1px solid #ddd; border-radius: 8px;">
1098+
<img src="asset/user_interaction.png" alt="MAI-UI System Architecture" style="width: 100%; display: block; margin: 0 auto; border: 1px solid #ddd; border-radius: 8px;">
10991099
<figcaption> A case study of agent user interaction. The user instruction is: “In the Downloads folder, locate
11001100
resume file(s) downloaded within one month and send them to my HR colleague with the subject "candidates_cv".</figcaption>
11011101
</figure>

‎site/style.css‎

Lines changed: 12 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -154,16 +154,21 @@ body {
154154
margin-bottom: 48px;
155155
}
156156

157-
.section h2 {
157+
.section h2,
158+
h2 {
158159
font-family: 'Noto Serif', Georgia, serif;
159160
font-size: 1.5rem;
160161
font-weight: 600;
161162
margin-bottom: 16px;
162-
color: #111;
163+
color: #000;
163164
border-bottom: 1px solid #eee;
164165
padding-bottom: 8px;
165166
}
166167

168+
h3 {
169+
color: #000;
170+
}
171+
167172
.section p {
168173
margin-bottom: 16px;
169174
}
@@ -188,6 +193,11 @@ body {
188193
font-size: 14px;
189194
color: #555;
190195
line-height: 1.6;
196+
text-align: center;
197+
}
198+
199+
figcaption {
200+
text-align: center;
191201
}
192202

193203
/* Figure Placeholder */

0 commit comments

Comments
 (0)